如何使用Hexo搭建个人博客
前言
关于我使用Hexo搭建了个人博客以后,萌生了写作的念头。虽然小张经常骂我,但是我很生气我并没有恨他,因为他对我的编程之路有很大的帮助。今天,我就来跟风撰写一篇如何搭建个人Blog的文章。
前提
正文
安装cnpm(淘宝源)
npm install -g cnpm --registry=https://registry.npm.taobao.org
安装hexo-cli
cnpm install -g hexo-cli
可以使用 hexo -v 来验证下。
新建文件夹
在指定位置新建文件夹,名字为blog。
初始化博客
hexo init
这一步骤会初始化博客。
启动博客
hexo s
启动博客以后,通过 localhost:4000 来访问自己的博客。访问以后,您将会看到hexo自带的文章。这篇文章介绍了如何使用hexo。
撰写新文章
hexo n "title"
这一步骤会让hexo新建一篇名为 title 的文章。您可以前往source/_posts/目录下查看刚刚新建的文章,格式为Markdown。
部署到远端(Github)上公开使用
1.登录自己的 Github。
2.新建一个仓库:
注意:一定是你的昵称.github.io
继续在 blog 目录下
去 blog 文件下,直接看到一个_config.yml,修改_config.yml即可。注意:blog文件夹下的其它文件下也有_config.yml文件,别改错了文件。
文件的最底部修改成这样:
deploy: type: git repository: https://github.com/qinghan586/qinghan586.github.io.git branch: master
注意:deploy: type: repository: branch: 后面都有一个英文的空格。
部署到远端:hexo d
往远端推成功后,刷新 Github 仓库,发现多了很多东西,这些就是博客内容。
下载好看的主题:
好看的 Hexo 主题地址:https://hexo.io/themes/
自己来换个主题,克隆到 themes 主题下去:
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
git clone https://github.com/volantis-x/hexo-theme-volantis.git themes/volantis
现在把主题配置到博客上去:
修改_config.yml文件:
theme: yilia
theme: volantis
你用哪个主题就换哪个主题的名字,注意名称前面有个英文空格。
输入以下命令:
hexo clean
hexo g
hexo s
推到远端(github)上去:hexo d
以上整个过程已经完成了。后续学下 css,然后才会把自己的博客修改的很漂亮。先搭建起来,再考虑博客内容美观的问题。
注意
修改_config.yml文件后,需要把主题配置到博客上去,输入
hexo clean
hexo g
hexo s
推到远端(github)上去:hexo d
都不行的情况下,可以换成这样的命令再次输入下:
npm install hexo-deployer-git --save
hexo clean
hexo generate
hexo deploy