Hexo是要给博客框架,使用MarkDown继续文章,生产静态网页。

GitHub Pages是一个静态网站托管服务。

准备工作

  • github帐号

  • node.js

  • git

配置github

创建仓库

新建一个名为:账户名.github.io的仓库

网站的访问地址就是:http://账户名.github.io

绑定域名

网站的默认访问地址是:账户名.github.io,你可以绑定自己的域名,这样可以通过域名直接访问。

  • 设置记录类型:A;主机记录:@;记录类型:ping 账户名.github.io对应的Ip地址
  • 设置记录类型:CNAME;主机记录:www;记录类型:账户名.github.io

在项目根目录新建一个名为CNAME的文件(无后缀),里面填写你的域名

配置SSH Key

因为每次提交代码到github上,都需要有github权限,即输入用户名与密码,为了方便,同时也更安全,通过SSH Key解决本地和服务器的连接问题。

  1. 检查本机是否存在SSH Key
    cd~/.ssh
  2. 生成SSH Key
    ssh-keygen -t rsa -C "邮箱地址"
  3. 配置SSH Key
    settings==>SSH and GPG kesy==>New SSH key
  4. 测试SSH Key
    ssh -T git@github.com
  5. 配置账户密码
    git config --global user.name "你的GitHub用户名"
    git config --global user.email "你的GitHub注册邮箱"
    #安装博客

安装Hexo

npm install hexo -g

初始化Hexo

hexo init

启动Hexo

hexo clean #清理
hexo g #生成
hexo s #启动服务

推送GitHub

修改_config.xml

deploy:

  • type: git
  • repo: 这里填入你之前在GitHub上创建仓库的完整路径,记得加上 .git
  • branch: master

安装插件

npm install hexo-deployer-git --save

博客主题

在博客目录中有一个themes文件夹,里面存放博客的主题,默认安装的是landscape。

hexo 主题:

https://github.com/hexojs/hexo/wiki/Themes

https://hexo.io/themes/

你可以下载任意主题,放到该文件夹下,配置博客目录下_config.xml中的theme节点,值为主题的名字,即可更换。

配置主题

在主题目录下也有一个配置主题的文件_config.xml,可以对某个主题进行配置。

× 请我吃糖~
打赏二维码