blog 建成笔记

  • 1469 字
  • 次阅读
  • 条评论
  1. 1. 1. 战前准备
    1. 1.1. 1.1 安装git
    2. 1.2. 1.2 安装nodejs
    3. 1.3. 1.3 安装hexo
  2. 2. 2.配置参数
    1. 2.1. 2.1 新建仓库
    2. 2.2. 2.2 配置git
      1. 2.2.1. 连接github账户:
      2. 2.2.2. 生成ssh密钥文件:
  3. 3. 3.本地撰写
  4. 4. 4.部署
    1. 4.1. 4.1 配置参数
    2. 4.2. 4.1 完成部署
    3. 4.3. 4.2 托管至cloudflare pages
  5. 5. 5.配置博客
    1. 5.1. 5.1 添加theme(Kratos-Rebirth):
    2. 5.2. 5.2 添加评论区
  6. 6. 6.附录
    1. 6.1. 常用命令

记载本博客的建成过程.
原始过程绕了很多弯弯,本文章已经重新整理.

本文章不是 零基础教程 ,不适合一窍不通的小白阅读.

1. 战前准备

您需要:

  • github账户
  • cloudflare账户
  • 一台合适的电脑
  • 一双手

1.1 安装git

git官网
注意:务必选上add to path

1.2 安装nodejs

nodejs官网
检查是否安装成功:

1
node -v

1.3 安装hexo

在电脑内找个位置新建文件夹(可命名为blog)作为一切文件的存放地,进入文件夹中,右击鼠标点击Git Bash Here:

1
npm install -g hexo-cli 

初始化:

1
hexo init blog

2.配置参数

2.1 新建仓库

github
仓库名为:github用户名.github.io

2.2 配置git

连接github账户:

1
2
git config --global user.name "GitHub用户名"
git config --global user.email "GitHub注册邮箱"

生成ssh密钥文件:

ssh-keygen -t rsa -C “GitHub注册邮箱”
一连三回车,进入:C:\Users\电脑用户名\.ssh
打开id_rsa.pub,复制全部内容
打开GitHub_Settings_keys
new SSH Key
粘贴id_rsa.pub内容
Add SSH key
在Git Bash中检测GitHub公钥设置是否成功,输入 ssh git@github.com

3.本地撰写

新建文章:

1
hexo new 名称

生成静态html:

1
hexo g

本地预览:

1
hexo s

(ctrl+c退出预览)
浏览器打开 localhost:4000 进行访问

4.部署

4.1 配置参数

打开站点配置文件_config.yml
翻到最后修改为:

1
2
3
4
deploy:
type: git
repo: https://github.com/github用户名/github用户名.github.io.git
branch: master

4.1 完成部署

1
hexo d

访问github用户名.github.io浏览

4.2 托管至cloudflare pages

https://pages.cloudflare.com/
绑定GitHub账户,授予权限,选择仓库
填写project name
然后直接Save and Deploy

5.配置博客

5.1 添加theme(Kratos-Rebirth):

在themes文件夹内git bash here,然后:

1
git clone https://github.com/Candinya/Kratos-Rebirth.git

按照Kratos-Rebirth的文档配置

5.2 添加评论区

按照Kratos-Rebirth主题的文档和gitalk的文档配置

6.附录

常用命令

1
2
3
4
5
6
7
8
9
10
hexo n "我的博客" #新建文章
hexo g #生成
hexo s #启动服务预览
hexo d #部署

hexo server #Hexo会监视文件变动并自动更新,无须重启服务器
hexo server -s #静态模式
hexo server -p 5000 #更改端口
hexo server -i 192.168.1.1 #自定义 IP
hexo clean #清除缓存,若是网页正常情况下可以忽略这条命令
分享这一刻
让朋友们也来瞅瞅!