github搭建个人博客 hexo框架 next主题
之前就想搭建自己的博客,现在终于得以实施。
参考了多篇博客,然后又在虚拟机了往往复复试了好多次, 现在基本搭建完毕。
我是基于hexo博客框架, next主题搭建的博客, 静态网页。 大体就是, 先在本地搭建好整个系统, 然后再提交到github。
因为此篇文章只是捡部分内容说,所以我先列出来我参考的博客,这里谢谢他们的无私分享了。
- hexo博客框架 + next主题 + 插件等整个流程请参考ezlippi的两篇博客: https://www.ezlippi.com/blog/2015/03/github-pages-blog.html 和 https://www.ezlippi.com/blog/2016/02/jekyll-to-hexo.html 文章大体跑了整个流程,不过细节上原理上没有怎么说。
- 看完上面整个流程,也许对hexo博客框架配置部分有所疑惑,那就参考这篇博客,此篇文章对_config.yml文件进行了详尽的注释: http://blog.csdn.net/xuezhisdc/article/details/53130383
- 看完了hexo框架部分的内容,现在来看看next主题的内容,感觉官方文档很不错: http://theme-next.iissnan.com/getting-started.html
- 中文博客参差不齐,一句话传的人多了也就慢慢变了味道,对了hexo博客框架部分最好的资料还是官方文档: https://hexo.io/zh-cn/docs/index.html
- 有些人可能需要一个参考,找别人的东西对比下,上面提到的ezlippi无私分享了,具体看这个网址: https://www.ezlippi.com/about/。
总结一下流程就是,
1、注册github, 本地生成ssh key, 然后github添加这个key。 这样就可以方便的使用ssh的密码push、clone代码了,当然,也可以设置ssh密码为空。
2、github创建想要创建的仓库名字:
(1)GitHub用户名建立的username.github.io或者orgname.github.io这样的用户&组织页(站)
(2)依附项目的pages。具体可以参考:
https://help.github.com/articles/configuring-a-publishing-source-for-github-pages/
https://help.github.com/articles/user-organization-and-project-pages/
3、本地搭建hexo框架。 这里有用Windows的,有用Linux的,我不发表观点,但是我用的是Linux。 教程不细说了。
4、添加next主题并配置。
5、添加一些插件,开启一些博客功能。
6、绑定域名的话请看这步,不绑定的话就跳过:
(1)域名注册不讲了, 绑定的话需要在 hexo框架目录/source下新建CNAME文件,注意没扩展名,编辑内容为你的域名。
(2)域名解析添加CNAME记录, “@”或者“www”类型都可以, 记录值填写"yourname.github.io.",注意最后是带个点的。
(ps:网上也有解析添加A记录的,那是绑定IP,你的yourname.github.io IP变了你就得修改解析, 不嫌麻烦的话可以这样)
7、发布:
(1)hexo clean命令清理文件
(2)hexo generate生成静态文件
(3)hexo server本地再看看效果
(4)hexo deploy 部署到github
github搭建个人博客 hexo框架 next主题的更多相关文章
- 《Hexo+github搭建个人博客》
<Hexo+github搭建个人博客> 文/冯皓林 完稿:2016.4.22-2016.4.23 注意:本节教程只针对Windows用户.本教程由无人赞助,赞助写出. <Hexo+g ...
- 使用Node.js+Hexo+Github搭建个人博客(续)
一.写在前面 在我的上一篇博客<使用Nodejs+Hexo+Github搭建个人博客>中,已经介绍了如何使用 Hexo 在 Github Pages 上搭建一个简单的个人博客.该篇博文将在 ...
- Mac上基于hexo+GitHub搭建个人博客(一)
原文地址: http://fanjiajia.cn/2018/11/23/Mac%E4%B8%8A%E5%9F%BA%E4%BA%8Ehexo+GitHub%E6%90%AD%E5%BB%BA%E4% ...
- 如何用hexo+github搭建个人博客
搭建环境 1.安装 Node.js: https://nodejs.org/en/ windows下点击链接,下载安装即可;Linux下更加简单,在终端下输入sudo apt-get install ...
- Hexo和github搭建个人博客 - 朱晨
GitHub账号 mac/pc 环境 12 node.jsgit 创建GitHub仓库 登陆GitHub,创建一个新的Respository Repository name叫做{username}.g ...
- Ubuntu+Hexo+Github搭建个人博客
Ubuntu+Hexo+Github搭建个人博客 目录 目录 目录 1. 简介 环境 2. Git安装及配置 2.1 安装Git 2.2 创建Git仓库 2.3 配置git仓库 2.4 添加公钥 3. ...
- jekyll+github搭建个人博客总结
jekyll+github搭建个人博客 经过一天多的折腾,终于算是搭建好了自己的个人博客,看到有些社区评论说:在windows下用jekyll搭建静态博客,简直就自讨苦吃,但是都到一半了,有什么办法呢 ...
- Windows上使用jekyll+github搭建免费博客
jekyll+github搭建个人博客 (一)下载Ruby (二)安装jekyll (三)开启jekyll服务器 (四)使用github展示博客 一.下载Ruby Ruby,一种简单快捷的面向对象(面 ...
- Hugo+Github 搭建个人博客(Windows环境下)
目录 Hugo+Github 搭建个人博客(Windows环境下) 1.前言 2.Differences 2.1 https vs SSH 2.2 新建的github的仓库名必须为 用户名+githu ...
随机推荐
- 工控SCADA模型 基于HTML5 Canvas WebGL制作摩托车
工业方面制作图表,制作模型方面运用到 3d 模型是非常多的,在一个大的环境中,构建无数个相同的或者不同的模型,构建起来对于程序员来说也是一件相当头疼的事情,我们利用 HT 帮大家解决了很大的难题,以下 ...
- NFS服务安装及配置
服务器环境:CentOS6.9 Linux 2.6.32-696.el6.x86_64 安装NFS服务 nfs客户端和服务端都只需要安装nfs-utils包即可,并且yum安装时会连带安装rpcbi ...
- ③bootstrap文本使用基础案例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- HTML DOM应用案例2
<html> <head> <title>day03</title> <script type="text/javascript&quo ...
- RPA(Robotic Process Automation)的概要介绍
最近因为公司业务的需要,开始关注RPA的内容,奈何国内相关的信息太少,只能硬着头皮啃英文了. 下面记录的内容作为学习笔记,有不对的地方请大家指教. 首先RPA(Robotic Process Auto ...
- gulp一般使用
gulp的基本使用总结了一下几点: 1.gulp-ejs的使用 [ file include,html文件合并 ]: let ejs = require("gulp-ejs"); ...
- 一款基于vue2.0的分页组件---写在页面内
通过 Vue2.0 实现的分页 可自由设置分页显示的多少.上一页.下一页.省略号等,也可直接输入跳转到的页码进行跳转,分页的样式可自由调整 // 1.页面的 head 部分,需要设计好页面的样式 .p ...
- File I/O
File I/O Introduction We'll start our discussion of the UNIX System by describing the functions ...
- ThreeJS的特效合成器和后期处理通道
最近要写个 web 交互式发光可交互的框架.没查到啥好资料,自己一个人摸索了很久,有些失望,可是毕竟是探索过的东西,所以做个记录,怀念我过去好多天掉的青丝(捂脸).我在前面那篇博客里面已经介绍了如何让 ...
- 抛弃JQ,回归原生js……
之前我写过一篇文章叫做<jq不会被淘汰>--而事实上它真的不会被淘汰,因为即使在mvvm框架盛行的今天,原生js的api越来越友好的今天,jq依然在用户量上是霸主-- 但是今天我们要讨论的 ...