GitHub Pages + Hexo 搭建个人博客
前言
一开始,我以为必须购买一个独立域名才可以进行博客的搭建(╯︿╰﹀ ,所以在狗爹上斥巨资(╯▔︵▔)╯ 购买了域名,后来在搭建过程中发现可以单纯利用Github pages就可以搭建自己的独立博客了T_T唉…..不过有个独立域名也挺好的。
正文
这几天因为看网易公开课构建动态网站,萌生了自己搭建个独立博客的想法,搭建博客期间还是遇到了不少细节方面的问题,过程并没有想象中的那么简单。前辈们写的博客是个好东西,有不少的模板可以借鉴,但是呢还是遇到了一些坑,花了不少时间。搭建过程中发现自己和同为大学生的他们差距挺大的,还有不少要学,不过当看到自己的博客可以访问的时候心里还是挺激动的 ^o^/。
总结一下如何搭建个人博客
如果要使用使用额外独立域名
- 去go daddy购买,支持支付宝,而且网上有不少优惠码
- 购买成功后,更改godaddy的nameservers为DNSpod的nameservers,将nameservers更改为F1G1NS1.DNSPOD.NET和F1G1NS2.DNSPOD.NET
- 将独立域名与github pages的空间绑定,使用NDSpod,注册DNSpod,添加域名,其中两条A记录指向github pages提供的ip:·192.30.252.153和 ·192.30.252.154
单纯利用Github pages搭建自己的独立博客
- 在GitHub创建个人仓库,命名为username.github.io(username是你的账号名)
- 安装Node.js和Git,Git是一个版本控制工具,而GitHub是类似于远程仓库,用于存放Git管理的各种项目
- 与Github建立联系,检查电脑中是否已有SSH keys,生成SSH keys,在Github中添加SSH key
- 安装Hexo(安装之前,应该已经安装了Git和Node.js)
- 使用Hexo建站,选择一个文件夹(如:E:\Hexo),此文件夹即日后的本地博客仓库。右键Git Bash,输入hexo init,此指令完成后,接着输入npm install,安装依赖包。这样本地Hexo博客就搭建好了,可以执行以下命令
hexo generate
(编译)、hexo server -p 5000
(本地访问 在端口5000),在浏览器输入localhost:5000查看雏形。(注:此处可以输入hexo server
在localhost:4000查看即可,但是我不知道我的端口什么原因,所以我只能在p 5000上查看) - 将博客部署到Github上,在站点文件夹下右键git bash输入
vim _config.yml
进行修改:1
2
3
4deploy:
type: git
repo: https://github.com/username/username.github.io.git
branch: master - 为了能够使Hexo部署到Github上,需要安装一个插件,git bash输入
npm install hexo-deployer-git --save
,
然后再输入hexo g
(编译)、hexo d
(提交到github)即可完成。在浏览器输入:username.github.io就可以进行浏览了,开心,吼吼 - 选择hexo主题,修改主题,我选择的是next主题,这个主题有很详细的说明,按照说明配置就行,这里说明一下,在配置侧边栏社交链接的图标是font awesome(第一次知道有这种东西存在 (⊙﹏⊙)b),不必带 fa-前缀
独立博客搭建完成
最后
有了自己的博客,希望也能坚持学下去
嗯