利用Github和Hexo搭建独立的个人博客--基础篇

利用Github和Hexo搭建独立的个人博客--基础篇


摘要:本文主要参考了使用hexo和Github上创建自己的博客如何搭建一个独立博客——简明Github Pages与Hexo教程使用GitHub和Hexo搭建免费静态Blog,梳理了主要的逻辑,并作了一些补充。

使用Hexo搭建博客也不错,建议一看。


步骤1:准备工作

  • github账号注册,建立名为XXX.github.io的repository(仓库)
  • 安装git
  • 安装node.js
  • 安装Hexo(node内置)

Hexo安装较易出错

1.测试node和npm是否安装成功

node -v #检查版本
npm -v #检查版本

2.安装hexo

出现WARN可以忽略

npm install -g hexo #-g?

步骤2:使用Hexo创建本地博客

为本地博客建立一个单独的文件夹,打开git bash,切换到该目录

hexo init #初始化,安装博客基本文件

npm install #安装模块文件“node_modules” npm被墙,所以安装极慢

npm install -g cnpm --registry=https://registry.npm.taobao.org #解决办法:淘宝镜像

cnpm install [name of module] #一个一个安装直至不再报错 相当于用cnpm代替了npm,功能是一样的

测试:

hexo server #不用时ctrl+c关server

然后就可以在http://localhost:4000/ 中打开本地博客

附:

1.hexo常用命令笔记

2.快速搭建 Node.js 开发环境以及加速npm

3.npm install用了淘宝的服务器,为什么依然很慢??


步骤3:用SSH keys与远程github pages空间建立连接

此部分在如何搭建一个独立博客——简明Github Pages与Hexo教程中已经讲述的非常详细,本文只做一个大体的归纳:

  • 在本地生成SSH key
  • 将SSH key添加到github中
  • 设置用户信息
$ ssh-keygen -t rsa -C "邮件地址@youremail.com" #生成SSH key

$ git config --global user.name "XXX"//用户名
$ git config --global user.email "XXX@XXX.com"//填写自己的邮箱

步骤4:创建新文章,并上传到github空间

1.创建新文章

hexo new "my first blog" #创建新文章

文章在~\hexo\source_posts文件夹里,为md文件,需用Markdown书写。

2.修改_config.yml配置文件

theme: landscape #主题 必须使用本地已有的主题,否则无法上传,页面无法显示(空白)

deploy:
type: git #类型
repository: git@github.com:nichunquan/nichunquan.github.io.git #账号
branch: master

3.部署上传

hexo g #生成
hexo d #部署及上传
hexo s #开启server

接着,访问xxx.github.io便可看到刚才上传到github的博客网站。


步骤5:将独立域名与GitHub Pages的空间绑定

有独立域名的博客才叫独立博客,不是吗?

这部分如何搭建一个独立博客——简明Github Pages与Hexo教程已讲得非常详细

  • 购买域名,我是在万网买的,XXX.com域名一年39,XXX.cn一年29。网友多推荐在godaddy购买,看个人喜好。实名认证和备案就不多说了。
  • 创建CNAME文件,写入你要绑定的域名
  • DNS设置,万网自带DNS设置,网友多推荐DNSpod,快,免费,稳定。

本文总结

上一篇:转 关于Https协议中的ssl加密解密流程


下一篇:看了一下安装文件. 是qt4python 下用了 webkit,包装了bootstrap