前言

一开始,我以为必须购买一个独立域名才可以进行博客的搭建(╯︿╰﹀ ,所以在狗爹上斥巨资(╯▔︵▔)╯ 购买了域名,后来在搭建过程中发现可以单纯利用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搭建自己的独立博客

  1. 在GitHub创建个人仓库,命名为username.github.io(username是你的账号名)
  2. 安装Node.js和Git,Git是一个版本控制工具,而GitHub是类似于远程仓库,用于存放Git管理的各种项目
  3. 与Github建立联系,检查电脑中是否已有SSH keys,生成SSH keys,在Github中添加SSH key
  4. 安装Hexo(安装之前,应该已经安装了Git和Node.js)
  5. 使用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上查看)
  6. 将博客部署到Github上,在站点文件夹下右键git bash输入 vim _config.yml进行修改:

    1
    2
    3
    4
    deploy:
    type: git
    repo: https://github.com/username/username.github.io.git
    branch: master
  7. 为了能够使Hexo部署到Github上,需要安装一个插件,git bash输入npm install hexo-deployer-git --save
    然后再输入 hexo g(编译)、hexo d(提交到github)即可完成。在浏览器输入:username.github.io就可以进行浏览了,开心,吼吼

  8. 选择hexo主题,修改主题,我选择的是next主题,这个主题有很详细的说明,按照说明配置就行,这里说明一下,在配置侧边栏社交链接的图标是font awesome(第一次知道有这种东西存在 (⊙﹏⊙)b),不必带 fa-前缀

独立博客搭建完成

最后

有了自己的博客,希望也能坚持学下去