- 前言
- 首先的说明
- 需要安装的东西(必须项)
- 步骤
- 第一大步 把博客源码克隆到本地
- 第二大步 在github 新建一个博客仓库
- 第三大步 修改博客源码的配置
- 第四大步 把我们的博客部署到 github ,生成静态网页,然后发布网页,结束
- 效果展示
- 结束
博客的风格就是这位老哥的 github 博客源码 我这篇文章也只是说怎么吧这个老哥的这个源码跑起来,里面还有很多东西要按你的自己喜好来更改,毕竟我是昨天开始搞的的,所以里面基本没怎么改,很多东西慢慢的才能有效果
这是那位博主自己写的教程 超详细Hexo+Github博客搭建小白教程 ,
首先的说明
- 因为github 最近有几个大的更新,所以以前的教程按着来大概率出错,部署不上
- 一个是默认分支从以前的 master 改成 main
- 另一个是验证,每次输入密码也太操蛋了,我基本用的是 ssh 验证,就不用每次输密码,方便许多
- node.js , 教程 node.js 安装 为了满足各个项目的因依赖需求,所以安装 nvm 方便快速的更换node.js 版本(windows下),请安装 12.x…x 的,不然后面会报错
- git , 教程 Windows系统Git安装教程(详解Git安装过程)
- hexo,教程 安装 hexo (windows)
- 学会怎么用 ssh 和怎么从github上克隆一个项目到本地 教程 git 安装+开始第一个GitHub项目 ,把这个 github 博客源码 项目克隆到本地,然后你应该看到这些
项目里面大概长这样
第二大步 在github 新建一个博客仓库- 在你的 github 新建一个仓库用来存放博客的相关文件,这个仓库的名字是特定的 你的github用户名.github.io ,比如我的用户名是wuyinwuxian,那我的仓库名就是 wuyinwuxian.github.io
为了更好的演示,我把昨天的删了,从新来一遍。 我简单介绍下建仓库的流程 ,头像旁边的+号 —— New repository —— 输入仓库名(你的github用户名.github.io))—— 把 Add a README file 勾选上(其实不勾选也可以,但是为了后面的效果展现还是勾选上)—— 点创建 create repository
看到如下界面
点击 settings - pages 看到如下
第三大步 修改博客源码的配置- 到我们第一步克隆下来的项目文件夹下, 把 node_modules.zip 解压到当前文件夹,然后删除node_modules.zip和.git文件夹。
- 去C:WindowsFonts下找到STSong Regular(华文宋体常规) 复制到项目目录下
- 打开根目录下的 _config.yml 文件。修改配置,主要就是把原来那位博主的信息修改成你自己的,我依次说一下
Site 下面改成你自己的信息,自己瞎编都行,先改,比如我的就是这样
# Site title: wuyinwuxian的博客 subtitle: 道, 存乎一心 description: 中南大学 | 控制科学与工程 | 机器学习/算法设计/优化决策/知识工程/深度学习 keywords: "机器学习 算法设计 优化决策 知识工程 深度学习 多目标 特征选择 可视化 降维" author: 《周易》 language: zh-CN timezone:
URL 下面只改url 这一行,改成我们第二大步里面新建的仓库的地址 (http那个 ),怎么得到看下面的图(ssh的同理)
# URL ## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/' url: https://github.com/wuyinwuxian/wuyinwuxian.github.io root: / permalink: :year/:month/:day/:title/ permalink_defaults:
deploy ,这儿改成这样,其中,你只需要把 repository: 改成你自己博客仓库的ssh地址就可以了,怎么找这个地址,看上面一张图。branch: 改成 main ,这是 GitHub 的一大更新
# Deployment ## Docs: https://hexo.io/docs/deployment.html deploy: type: git repository: git@github.com:wuyinwuxian/wuyinwuxian.github.io.git branch: main
把 baidu_url_submit: 注释了,我们不需要,注释玩这个,我们一会要运行一个命令的,我们稍后再说
# baidu_url_submit: # count: 100 # host: godweiyang.com # token: jp7MKvOw74Yh3F09 # path: baidu_urls.txt
根目录下的配置文件修改完毕
6 - 去 /themes/matery 目录下找到 主题的配置文件,也叫 _config.yml
改哪些呢,东西有点多,我也还在摸索,先简单说一点点,很多都是不激活 enable: false
- mySkills 我选择 enable: false ,不激活
- myProjects 我选择 enable: false ,不激活
- profile 修改成自己的
profile: avatar: /medias/avatars/avatar.jpg career: 中南大学 | 控制科学与工程 | ML introduction: 我是中南大学20级硕士生,算是在中南呆了7年,课题组的研究方向是机器学习、深度学习、智能优化算法和群体决策,我的研究方向是 机器学习——特征选择
- 评论, 我选择 enable: false ,不激活,不如加群群里问
- 其他的要改的就是,什么网站 logo,文章赞赏的付款码呀,这些都去替换图片就行了,不用在配置里面改
- 一句话,我除了改 profile: 我大部分都没激活
保存两个配置文件后退出
第四大步 把我们的博客部署到 github ,生成静态网页,然后发布网页,结束
下面就是真正的开始把我们的博客部署到 github 了
- 在项目根目录下打开 git (右键——git bash here)
- 运行 npm remove hexo-baidu-url-submit 先去掉百度自动提交,之前我们注释了自动提交嘛,所以要移除先,不然会报错
- 运行下面三行语句,注意时间可能会比较长,确保你的网比较好,和github的连接比较好
hexo clean hexo g hexo d
- 然后去我们 github 的仓库刷新,已经有文件了
- 然后再点击 settings - pages 点击网址
效果展示
我们就成功了



