一直没时间搭建自己的博客,很羡慕别人的博客写得这么漂亮。今天发现使用Hexo和Github来搭建静态博客还不错,故记录下详细过程,以供参考。
注册Github、添加SSH key 、创建.github.io
注册自然不用多说,直接来添加SSH key,windows可通过Git Bash来执行以下命令生成SSH key
ssh-keygen -t rsa -C "waylanpunch@youremail.com"
一路回车将id_rsa.pub复制添加到github-settings-ssh keys即可
创建repository,格式为waylanpunch.github.io
安装Hexo
执行以下命令:
npm install-g hexo
初始化:
hexo init
生成静态资源:
hexo g
启动服务:
hexo s
启动完成后可通过 http://localhost:4000/ 来访问
配置_config.yml
配置一些基本信息就不多说了,直接说怎么配置上传github,打开_config.yml,找到deploy,按照以下内容添加修改即可
deploy:
type: git
repository: git@github.com:waylanpunch/waylanpunch.github.io.git
branch: master
hexo需执行以下命令,否则上传不到github
npm install hexo-deployer-git --save
执行以下命令部署到github
hexo deploy
然后访问waylanpunch.github.io就可以看到效果啦!
以后每次部署需执行下面三步命令:
hexo clean
hexo g
hexo d
我个人没有独立域名所以写不出绑定教程了。
安装主题
ok,到这里hexo的安装已经告一段落了,但俗话说的好,人靠衣装马靠鞍,接下来我们要去换一款主题,这里以NexT为例
cd your-hexo-site
git clone https://github.com/iissnan/hexo-theme-next themes/next
然后将_config.yml里的theme改为next即可。
使用Hexo写作
执行以下命令生成编辑文件
hexo new post filename
文件类型参考路径\scaffolds\,默认有draft.md、page.md和post.md三种类型
进入\source_posts\文件夹下,编辑刚才创建的Markdown文件
然后再执行
hexo clean
hexo g
hexo d
访问waylanpunch.github.io就可以看到部署的文章了
参考的教程在这里:简书