hexo博客搭建过程记录

目的

1. 能让自己发声，不被平台束缚

2. 记录自己的人生

搭建过程

还是使用hexo

wangjinliang1991.github.io	
https://github.com/wangjinliang1991/wangjinliang1991.github.io.git

hexo的命令

hexo new "article title"

cd source/_posts

编辑对应文章

生成网页 hexo g

本地预览 hexo s

生成草稿 hexo new draft "draft title"

生成页面 hexo new page "page title"

front matter

发布的文章最上方的---包围的区块，yaml语法

title: first article
date: 2023-06-10 10:45:50
tags:
category:
	- 1
	- 2

踩坑

使用一键部署的话，需要安装hexo-deployer-git

npm install hexo-deployer-git --save

修改_config.yml配置

deploy:
  type: git
  repository: [email protected]:wangjinliang1991/wangjinliang1991.github.io.git
  branch: main

之后每次 hexo g -d 就直接发布了

toc的问题

hexo不自带目录，需要额外的函数，放到archive.ejs中，在pagination之前就行，参见官网 https://hexo.io/zh-cn/docs/helpers#data-toc-unnumbered-6-1-0

<%- toc(page.content, {
      class: 'post-toc',
      list_number: true
    }) %>

发布后，会完全覆盖远端对应分支下的已有内容

如果有CNAME ，需要在source目录创建，才会被push过去

博客source、themes等都还在本地，如何管理

在远端新建source分支，用来存放博客其他代码

settings -> default branch改为source

git remote add origin [email protected]:wangjinliang1991/wangjinliang1991.github.io.git

报错

一般是node版本问题，本地nvm list 查看版本，然后nvm use 14.18.1即可

图片

图床使用七牛云

CDN测试域名，可使用一个月

rw2wfzipz.bkt.clouddn.com

博客改为https后，图片外链也需要是https，但七牛要求域名备案，对个人建站不友好，切换为了github免费图床，其实就是个人仓库，只是存放图片而已。使用非常简单，如果有不懂的可以留言，欢迎交流。

更新

还是采用picgo+smms的吧，暂时够用，不够再白嫖其他厂商的免费额度

评论

使用valine，具体参考https://valine.js.org/quickstart.html

DNS修改

我们博客在github上，并没有自己的服务器，在阿里云无法为github pages创建https，需要其他办法。

参考这篇博客，利用 Cloudflare 的 CDN 中转来启用 HTTPS，实现原理：用户到CDN服务器的连接为 https 方式，而CDN服务器到 GithubPages 服务器的连接为 http 方式，在CDN服务器那里加上反向代理。

参考cloudflare的QA如何让所有访问者重定向到https，最简单的就是启用始终使用HTTPS功能即可。

一般会即时生效，但由于缓存的问题，可能需要半个小时以内。

博客的目录分类

主要是生活和工作，暂时具体细分

• 工作
  • 技术杂谈
  • 数据库
  • 业界新闻
  • 技术管理
  • 技术读物
  • 职场生涯
  • 网络安全
  • Java语言
  • js语言
  • 程序设计
    • 设计模式
  • 中间件
  • 操作系统
• 生活
  • 旅游
  • 财务
  • 人生规划
  • 教育
  • 热点时评
  • 随想

打赏