栏目分类:
子分类:
返回
终身学习网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
终身学习网 > IT > 软件开发 > 后端开发 > Java

github page + hexo 搭建自己的博客,轻松几步达成目的

Java 更新时间:发布时间: 百科书网 趣学号

文章目录
    • 前言
    • 首先的说明
    • 需要安装的东西(必须项)
    • 步骤
      • 第一大步 把博客源码克隆到本地
      • 第二大步 在github 新建一个博客仓库
      • 第三大步 修改博客源码的配置
      • 第四大步 把我们的博客部署到 github ,生成静态网页,然后发布网页,结束
    • 效果展示
    • 结束

前言

              博客的风格就是这位老哥的 github 博客源码 我这篇文章也只是说怎么吧这个老哥的这个源码跑起来,里面还有很多东西要按你的自己喜好来更改,毕竟我是昨天开始搞的的,所以里面基本没怎么改,很多东西慢慢的才能有效果

              这是那位博主自己写的教程 超详细Hexo+Github博客搭建小白教程 ,

             

首先的说明
  • 因为github 最近有几个大的更新,所以以前的教程按着来大概率出错,部署不上
  • 一个是默认分支从以前的 master 改成 main
  • 另一个是验证,每次输入密码也太操蛋了,我基本用的是 ssh 验证,就不用每次输密码,方便许多
需要安装的东西(必须项)
  1. node.js , 教程 node.js 安装 为了满足各个项目的因依赖需求,所以安装 nvm 方便快速的更换node.js 版本(windows下),请安装 12.x…x 的,不然后面会报错
  2. git , 教程 Windows系统Git安装教程(详解Git安装过程)
  3. hexo,教程 安装 hexo (windows)
步骤 第一大步 把博客源码克隆到本地
  1. 学会怎么用 ssh 和怎么从github上克隆一个项目到本地 教程 git 安装+开始第一个GitHub项目 ,把这个 github 博客源码 项目克隆到本地,然后你应该看到这些

              项目里面大概长这样

第二大步 在github 新建一个博客仓库
  1. 在你的 github 新建一个仓库用来存放博客的相关文件,这个仓库的名字是特定的 你的github用户名.github.io ,比如我的用户名是wuyinwuxian,那我的仓库名就是 wuyinwuxian.github.io


              为了更好的演示,我把昨天的删了,从新来一遍。 我简单介绍下建仓库的流程 ,头像旁边的+号 —— New repository —— 输入仓库名(你的github用户名.github.io))—— 把 Add a README file 勾选上(其实不勾选也可以,但是为了后面的效果展现还是勾选上)—— 点创建 create repository


             

              看到如下界面

              点击 settings - pages 看到如下

第三大步 修改博客源码的配置
  1. 到我们第一步克隆下来的项目文件夹下, 把 node_modules.zip 解压到当前文件夹,然后删除node_modules.zip和.git文件夹。
  2. 去C:WindowsFonts下找到STSong Regular(华文宋体常规) 复制到项目目录下

             

             

  1. 打开根目录下的 _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 了

  1. 在项目根目录下打开 git (右键——git bash here)
  2. 运行 npm remove hexo-baidu-url-submit 先去掉百度自动提交,之前我们注释了自动提交嘛,所以要移除先,不然会报错
  3. 运行下面三行语句,注意时间可能会比较长,确保你的网比较好,和github的连接比较好
hexo clean
hexo g
hexo d

  1. 然后去我们 github 的仓库刷新,已经有文件了

  1. 然后再点击 settings - pages 点击网址


             

             

效果展示

             


             

             
             

结束

              我们就成功了

转载请注明:文章转载自 www.051e.com
本文地址:http://www.051e.com/it/273795.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 ©2023-2025 051e.com

ICP备案号:京ICP备12030808号