利用github搭建hexo博客
page views 0
update 2024-07-11
  1. 提前安装好(node.js)[https://nodejs.org/en] 左边的那个
  2. 提前安装好(GIt)[https://git-scm.com/downloads]
  3. 提前注册好一个github账号
  4. 挂代理

操作步骤：

1.博客原文件路径不能存在中文
2.在要创建博客的目录，右键启动Git Bash Here
3.使用 npm 命令 安装 Hexo，输入：
npm install -g hexo-cli //安装hexo
hexo init blog //初始化一个名为blog的项目
cd blog //进入blog
hexo g //编译构建
构建成功后：
image.png
4.cd 进入blog（创建xx就是xx）目录
为了检测我们的网站雏形，分别按顺序输入以下三条命令：
hexo new test_my_site //博客新建一个文章
hexo g //构建
hexo s //启动服务
之后就可以访问127.0.0.1:4000访问blog了

  1. 配置ssh

    cd ~/.ssh
    #检查本机已存在的ssh密钥

如果提示：No such file or directory 说明你是第一次使用git。

ssh-keygen -t rsa -C “邮件地址”

（邮箱为GitHub创建的邮箱）然后连续3次回车，最终会生成一个文件在用户目录下，打开用户目录，找到.ssh\id_rsa.pub文件，记事本打开并复制里面的内容，打开你的github主页，进入个人设置 -> SSH and GPG keys -> New SSH key：
image.png
key填写C:\Users\Administrator.ssh\id_rsa.pub中的内容
尝试ssh连接,测试是否成功
ssh -T git@github.com # 注意邮箱地址不用改
image.png
在选中的位置(blog目录下)打开cmd(以管理员身份)
npm install hexo-deployer-git –save
Image.png

继续进入 Git Bash Here配置：
git config –global user.name “luozhixiaowo”// 你的github用户名，非昵称
git config –global user.email  “xxx@qq.com“// 填写你的github注册邮箱

  1. 准备上传代码
  • 在github上新建一个存储库，命名为github的用户名.github.io
  • 编辑_config.yml文件，在最后改成这样 deploy:

deploy:
type: git
repository: git@github.com:luozhixiaowo/luozhixiaowo.github.io.git
branch: main
image.png（

  • 注意保持格式，缩进不对，会导致一会儿，上传不成功 （缩进三格即可）
  • 最后上传

）
hexo d -g
每次上传成功之后，需要等待1-3分钟，用来刷新页面
Image.png
在创建的存储库的设置中-pages-如图设置image.png

  1. hexo命令介绍
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
hexo n "我的博客" == hexo new "我的博客" #新建文章
hexo new page "pageName" #新建页面
hexo g == hexo generate #生成
hexo s == hexo server #启动服务预览
hexo d == hexo deploy #部署

hexo server #Hexo会监视文件变动并自动更新，无须重启服务器
hexo server -s #静态模式
hexo server -p 5000 #更改端口
hexo server -i 192.168.1.1 #自定义 IP
hexo clean #清除缓存，若是网页正常情况下可以忽略这条命令
hexo version  #查看Hexo的版本
hexo generate #生成静态页面至public目录

hexo s -g #生成并本地预览
hexo d -g #生成并上传
  1. hexo目录结构

+– .deploy      #hexo deploy生成的文件
+– node_modules  #npm组件
+– public        #生成的静态网页文件
+–scaffolds      #模板
+– source        #博客正文和其他源文件
+– _posts    #我们自己写的文章以md结尾
+– themes        #主题
+– _config.yml  #全局配置文件
– package.json  #定义了hexo所需要的各种模块

  1. 选择一个自己喜欢的主题，不知道有什么好用的主题可以直接，B站搜HEXO主题
    这里我用的是3-hexo使用说明 | 叶落阁 (yelog.org)
  2. 关于如何写笔记看下一篇typora+PicGo+LskyPro+Obsidian实现文章管理
  3. markdown语法实例

image.png
\blog\node_modules\hexo-theme-landscape\layout_partial\head.ejs
image.png