Github博客搭建(1)

这是一篇有关如何使用Github Pages和Hexo搭建本身独立博客的详尽教程,里面介绍了如何使用和配置Hexo框架,还有我在搭建本身博客过程当中所遇到的各类困难。html

Hexo基本配置

  1. 安装NodeJSnode

    # 添加环境变量
    # 检查是否安装成功...
    node -v
    npm -v
  2. 安装Git,Git的相关教程能够参看廖雪峰git

    # 配置信息
    git config --global user.name "ichinose"
    git config --global user.email xxxx@gmail.com
    # 查看配置状况
    git config --list
    
    # 配置SSH key
    ssh-keygen -t rsa -C "youremail@example.com"
    # 会在c/Users/ichinose/.ssh生成秘钥和公钥
    # 将公钥添加到Github的Setting->SSH中

    img

  3. 安装Hexogithub

    Hexo就是咱们的我的博客网站的框架,这里咱们能够先建立一个hexotext文件夹来存放全部的hexo相关文件,咱们须要利用npm命令来安装相应的包,在hexotext文件夹中右键打开git bash或者使用cmdershell

    使用npm命令安装Hexo,输入:npm

    npm install hexo-cli -g

    初始化Blog:bash

    hexo init Blog
    # 会初始化一个Blog文件夹,这就是咱们的博客

    启动服务:服务器

    cd Blog
    npm install
    hexo s

    遇到的问题网络

    打开localhost:4000没有页面,这多是端口被占用,须要修改端口号。Hexo3.0开始,把服务器作成了独立的模块,所以须要安装hexo-serverhexo

    方法:

    npm install hexo-server --save
    # 暂时修改端口,以其余端口打开服务
    hexo s -p 4001
    
    # 全局修改
    # 找到node_modules\hexo-server\index.js文件,能够修改默认的port值(不建议)

博客部署

安装工具包:

npm install hexo-deployer-git --save

如今本地的博客已经搭建起来了,可是咱们只能够经过本地链接查看咱们的博客。若是咱们须要博客在网络上被别人看到,就须要将博客发布到服务器上,而Github Pages就帮我完成了这件事情。咱们须要新建一个Github项目。(能够不初始化README)

img

复制你新建的仓库的SSH连接,配置到config.yml中:

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: git@github.com:username/username.github.io.git
  branch: master

生成博客,并部署:

hexo clean
hexo g
hexo d

完成上述配置就能够在你的Github Page访问了,地址:https://username.github.io

相关文章
相关标签/搜索