想法
- 看到人家的博客界面很漂亮,最近学习压力又大,就想自己写一个啦 看到是用node.js的一个框架Hexo,简单又漂亮,还可以放在github上直接打开博客,那就直接上手吧。
- hexo文档链接
安装
首先安装依赖环境
- 搭建个人博客-hexo+github详细完整步骤
- hexo安装失败(地址被“墙”)请参考-零基础免费搭建个人博客-hexo+github
- 注:如用淘宝安装请改为
cnpm install
主题(可选)
人靠衣装马靠鞍,来,加上这个好看的next主题来一波特技
在博客根目录下克隆next主题
1
git clone https://github.com/iissnan/hexo-theme-next themes/next
然后在hexo根目录下的配置文件
_config.yml
中把 theme 的主题改为next(theme字段在配置的最后面)1
theme: next
然后就是我们的好习惯(其实只换了主题文章没换的话只要-s就好)
1
2hexo g
hexo s- 然后就登录http://localhost:4000/ 查看效果(然后你会发现博客打开速度变得超快,后面我们再继续优化)
next提供了四个主题风格选择,个人喜好Gemini风格 步骤是:打开next下的配置文件
_config.yml
,找到这一段选择主题1
2
3
4
5
6
7
8
9---------------------------------------------------------------
Scheme Settings
---------------------------------------------------------------
Schemes
scheme: Muse
scheme: Mist
scheme: Pisces
scheme: Gemini
next主题的官方文档
作者是国人,官方文档写得都很详细,传送门
把博客静态文件上传到github或coding上
把源代码上传到coding.net上(可选)
- 这里主要做的是把网页与源码分开,原因如下
- coding免费提供私人仓库,增加安全性(如私人未公开博客)
- 上传源代码,可以确保博客完整不丢失,使更新方便(在其他电脑上也可以随时更新博客)
添加密匙
找到之前github生成的密匙
1
cd ~/.ssh
运行如下命令,将公钥的内容复制到系统粘贴板(clipboard)中
1
clip < ~/.ssh/id_rsa.pub
然后放到coding个人配置的ssh中就ok啦
Hexo中上传到github
- 删除根目录和主题目录下的.git文件夹。
- 修改根目录下的.gitignore文件为:
/.deploy_git/public
其实第一行留不留都一样,它是hexo默认的git配置文件夹,里面也有一个.git,使/.deploy_git里的文件无法被提交。public是每次hexo g新生成的静态博客文件,不需要同步。每次写完博客,hexo d之后再push一次就行
其他
swig文件中使用注释 ``
相关资料 * hexo干货系列 * GoodHexo使用常见问题及解决办法 * 更新next到远程