注:我这篇文章讲的是如何通过hexo搭建个人的博客,如果你有任何的疑问,可以直接在评论里面问我,或者在我的个人博客评论里问。
大概在半年以后,我已经尝试过搭建自己的hexo博客平台,但是当时遇到很多坑,最后并没有成功的将自己简书的文章迁移过去。直到最近寻找各种资料,踩了很多坑以后,才搭建好了hexo,我目前还没有购买域名(主要是穷),好了,废话不多说,直接开始搭建.
配置环境
1.安装Node(必须)
首先必须要安装Node环境,它的作用是用来生成静态页面的。你可以到Node.js官网,只需要到Node.js官网下载相应平台的最新版本,按照步骤安装就可以了。
2.安装Git(必须)
安装git的作用是为了将本地的hexo内容提交到github上面去,xcode安装以后就自带有git,如果你觉得你的git版本不高,你也可以自行升级,这里就不多强调了。
3.申请GitHub(必须)
咱们的博客内容都是托管到github上面的,所以必须要有github账号,它的作用就是用来做博客的远程创库、域名、服务器之类的,怎么跟本地hexo建立连接,接下来再讲。
github账号没有的话,就自己去申请,跟一般的注册账号差不多,SSH keys,这个东西不是必要的,看你自己是否想要配置,如果你不配置的话,以后每次对自己的博客有改动提交的时候就要手动输入账号密码,配置以后就不需要了,同时SSH keys可以不只有一个,你可以将两台mac pro都配置SSH keys跟github关联,这样两台电脑都可以不需要手动输入密码,怎么配置的过程,可以参考网上的教程。
正式安装Hexo
Node和Git都安装好以后,首先需要创建一个文件夹,比如名字叫Blog,这个是用来存放hexo配置文件的,然后再进入Blog文件夹里面安装Hexo。(注:如果你不在一个空文件夹里面配置hexo,那么就会报一个如下错误:)

1.执行如下命令安装Hexo:
sudo npm install -g hexo
2.初始化然后,执行init命令初始化hexo,命令:
hexo init
到此为止,安装工作已经全部完成,blog就是你的根目录,所有的操作都是在那个文件夹里面进行的。
3.生成静态页面
hexo generate(hexo g也可以)
4.启动本地服务,进行文章预览调试
hexo server
浏览器输入 (http://localhost:4000) , 你就能看到一个简单的博客页面了,网上有人说这样不能看到博客页面,但是我的能看到,至于不能看到的,我没遇到过,也不是很清楚原因。
配置GitHub
1.建立目录(Repository)
你需要建立一个与你的用户名对应的仓库,仓库名必须为【your_user_name.github.io】,固定写法然后建立关联,你可以打开你的Blog文件夹,可以在这里看到里面全是之前配置hexo产生的文件。
_config.yml node_modules public source
db.json package.json scaffolds themes
2.现在我们需要 _config.yml 文件来建立关联,命令:
vim _config.yml
翻到最下面,改成我这样子的
{
deploy:
type: git
repo: git@github.com:LiuFuBo1991/LiuFuBo1991.github.io.git
branch: master
}
3.然后执行安装命令:
npm install hexo-deployer-git --save
网上会有很多说法,有的type是github, 还有repository最后面的后缀也不一样,是github.com.git,执行命令hexo -vsersion就出来了,貌似3.0后全部改成我上面这种格式了。
如果你用了SSH Keys的话直接在github里复制SSH的就行了,总共就两种协议,相信你懂的。
4.然后,执行配置命令:
hexo deploy
然后再浏览器中输入 https://liufubo1991.github.io 就行了,我的github的账户叫liufubo1991,把这个改成你github的账户名就行了
5.发布文章,你每次发布文章之前需要
(1):hexo clean 清楚本地的静态文件,你可能不小心改到本地的静态文件,所以清除了重新生成会更好一点。
(2):hexo g 生成新的静态文件 (也可以用 hexo generate)
(3):hexo s 在本地进行调试 (http://localhost:400/)
(4):hexo d 直接上传到github上面去,然后你再去看看网站上就有你的新文章了。(或者用 hexo deploy) (注:假如你想删除其中任何一篇文章,你只需要进入本地管理hexo的文件夹Blog,找到source下面的_posts文件夹,看到自己想删除的.md文件就把它删除了,然后再重复执行上面4个步骤,就可以看到文章被删除了)
(5):我现在写文章用的是markdown来写的,不过你必须要先去学习一些markdown的基本语法,markdown的语法很简单,相信你看一遍就会用了。另外你如果你不借助工具写文章的话就需要知道下面这些命令:
hexo new"postName" #新建文章
hexo new page"pageName" #新建页面
hexo generate #生成静态页面至public目录
hexo server #开启预览访问端口(默认端口4000,'ctrl + c'关闭server)
hexo deploy #将.deploy目录部署到GitHub
hexo help # 查看帮助
hexo version #查看Hexo的版本
主题推荐
网上百度一下,就可以看到一大堆主题,你可以选择一个你喜欢的主题,然后设置他,我这里只是推荐一些,我看到比较好的主题:
Cover- A chic theme with facebook-like cover photo
Oishi- A white theme based on Landscape plus and Writing.
Sidebar- Another theme based on Light with a simple sidebar
TKL- A responsive design theme for Hexo. 一个设计优雅的响应式主题
Tinnypp- A clean, simple theme based on Tinny
Writing- A small and simple hexo theme based on Light
Yilia- Responsive and simple style 优雅简洁响应式主题,我用得就是这个。
Pacman voidy- A theme with dynamic tagcloud and dynamic snow
如果你要更改用户名,头像什么的,只需要在_config.yml文件中更改,hexo大体的搭建方法就是这些,如果你在使用过程中遇到什么问题,欢迎前来吐槽!!!
网友评论