如何搭建博客

如何搭建博客

ref:【Hexo博客系列】No.1 搭建Hexo博客,快速简洁高效,零成本搭建个人博客:Hexo + GitHub Pages + Cloudflare Pages 完整指南 | CMLiussss Blog

  • 环境准备:安装Node.js和Git
  • 配置Git和GitHub:设置SSH密钥,创建GitHub仓库
  • 初始化Hexo项目:安装Hexo,创建新博客
  • 部署到GitHub Pages:配置部署设置,推送静态文件
  • 部署到Cloudflare Pages:连接GitHub仓库,自动部署
  • 基本使用方法:创建新文章,本地预览,发布更新

工具介绍

npmNode.js 的包管理工具(Node Package Manager),用于安装、管理和分享 JavaScript 编写的库(package)或工具。

Git Bash 是 Windows 上的 Git 命令行工具,同时提供了 Linux 风格的终端操作方式。

hexo常用命令:

1
2
3
hexo cl ; hexo s(clean+server) #hexo二连

hexo cl; hexo g;hexo d(clean+generate+deploy) #hexo三连

为什么要部署到cloudflare:提速、安全保护、添加http: 。

如何新建博客:

hexo new 这是一篇新的博客。

预览:hexo二连

推送: hexo三连

主题介绍

挑了一整子之后,发现anzhiyu确实不错,之后就按照anzhiyu的标准来做。

风景图

如何进行进一步配置

在会生成post和page的基础上,设置_config.anzhiyu.yml (mark标记)

详细的可以参考anzhiyu主题教程

需要设置什么就在vscode中搜索 (b)
例如作者介绍就搜author_card,有现有文字的,例如“科研进展”、“碎碎念”,就搜具体文字。
改起来也快,不需要提前记忆。(``)
这里练习一下html中几种标记文字的方法。 (s)

黑幕:

这是一个 黑幕文字 示例。

1
2
hexo new post tuiwen    #如何新建推文
hexo new page yemian #如何新建页面

新建页面会生成一个文件夹,之后在_config.anzhiyu.yml中的菜单设置即可。
图片保存在pictures文件夹中,目前是每一篇博文对应一个文件夹。
脚本和其它文件在research文件夹(目前需要上传脚本和文件的只有科研类的文章),先把文件放在research文件夹中然后上传到github,接着再从github中找到网址。不知道本地的行不行?
测试

目录在.md文件最上方的内容中修改。

网图从 网站中找