由于受到一些牛人博客影响,一直想开一个博客把自己学到的分享出去。但总感觉自己很菜,没什么好分享的。但最近心态有点变,可能受到利器的影响,觉得这样把自己用的软硬件工具推荐给大家很有趣,也开始觉得博文其实也不一定只能有技术干货,把自己的想法分享出去也是很有趣的事情,还有可能会吸引一些志同道合的人。
博客搭建
首先google了一下如何搭建博客
,找到了这篇文章。好长,好详细,但没有仔细完整地看完。
从文章了解到了思路:用Hexo作为框架搭建博客,部署到GitHub Pages上去,图床推荐用七牛,还推荐了在godaddy
上购买域名。
我这种穷逼域名就不买了,七牛之前了解过可免费用,GitHub Pages之前想搭博客的时候也了解过,但没有用起来,就随便写个HelloWorld看看。看来主要去了解一下Hexo
。
打开Hexo
官网看了一下,支持Markdown
!一键部署
!完全满足要求啊!再看一下使用,就几行命令!使用超简单!然后我试了一下:
1 | npm install hexo-cli -g |
果然博客已经搭建完成了。
有些人可能要装一下依赖Node.js
,因为我之前用过Node的东西,所以依赖一早就有了。如果没有成功的,还是去看一下文档,一步步按照文档来吧。
成功后在浏览器输入http://localhost:4000就可以打开看博客了。
配置
根据文档,首先在_config.yml
上配置了网站的基本信息:
1 | title: Coder.Pi |
然后更换一下主题:
搜索了一下hexo 推荐主题
,第一条是这个,排名第一是NexT。打开看了一下,感觉就可以,所以就用这个了。
打开NexT的文档,使用也是很简单,其实就是复制个文件夹到themes
目录下,然后修改一下站点配置文件
(就是yourblog/_config.yml
)的theme
属性。
看了这个主题的文档之后发现原来还可以定制化很多,所以按着文档顺带也加了阅读量统计,还有头像。头像这个按照文档说可以用外链也可以直接放在yourblog/source/uploads
下,由于暂时不想搞七牛,所以先放到blog里了。
到这里博客基本配置完了。
部署
上面做的都是在本地的一个博客,还需要放到网上,这时候该GitHub Pages上场了。首先看一下文档说的:
GitHub Pages is a static site hosting service.
静态网站托管,就是说我们可以把我们的博客托管到GitHub Pages上,这上面提供了几种类型,我需要的是User Pages site
,所以做法如下。
在自己的GitHub上建一个项目,名字是
username.github.io
,username
是GitHub的用户名。详情可查看文档。修改
站点配置文件
(就是yourblog/_config.yml
):1
2
3
4
5
6
7
8
9deploy:
type: git
#也可以使用https,这里只是为了用ssh不用输用户密码
repository: git@github.com:CoderPiF/CoderPiF.github.io.git
#由于使用的是User Pages site 所以是master分支
#具体可参考文档:https://help.github.com/articles/user-organization-and-project-pages/
branch: master安装一下hexo-deployer-git:
1
npm install hexo-deployer-git --save
先生成一下静态文件:
1
hexo generate
部署
1
hexo deploy
完善配置
既然已经放到网上了,所以顺便完善一下配置,修改一下站点配置文件
(就是yourblog/_config.yml
):url: https://CoderPiF.github.io
我也是深受支持RSS是一种美德这篇文章的影响,所以我觉得必须再博客加上RSS订阅。
先安装一下:npm install hexo-generator-feed --save
。
然后配置一下:
1 | feed: |
顺便科普一下,Atom与RSS的区别。
结束语
第一次写博客,果然很不习惯,很久没写文档也没写文章,写得很慢,博文是搭建完后写的,有些资料要重新找一些,也有点耗时,但总体还好。有些地方表达的可能不是很清晰,希望多些博客会提高一下表达能力吧。