Chap.1 这个网站是如何制作的

写在前面

在五一断断续续花了几天时间，照着教程完成了这个个人网站的建立
在此之前，需要学会

Shell命令行
git工具
github网站的使用

同时，有简单的HTML知识方便修改别人开发好的网页

制作过程

根据教程简化了一下，直接记录制作过程中每一步的操作细节

使用命令行安装软件

安装npm、node.js、cnpm、hexo
npm和node.js之前安装了
cnpm我觉得暂时可以不用装(持观望态度)
1
npm install hexo-cli -g //安装hexo
【注】我的hexo安装在了目录/opt/homebrew/bin/hexo中，不过由于设置了-g参数，hexo已经加入环境变量之中，可以在任意位置使用hexo的命令

在本地建立Blog项目

初始化blog

这步建立在安装了hexo的基础上

hexo init TorynBlog 这将在当前目录下创建一个名为TorynBlog的博客项目
cd TorynBlog
npm install 并安装它所需的所有依赖包。
本地运行Hexo：
hexo server 这将在本地运行此项目,可以在浏览器中访问http://localhost:4000 来查看此项目。
选取想要的主题
git clone https://xxx 从项目地址中git clone到TorynBlog/themes目录下
TorynBlog/_config.yml 打开这个文件
themes:hexo-theme-twentyfifteen-wordpress 把这个文件的theme：xxx 更改为 theme：hexo-theme-twentyfifteen-wordpress
hexo s 重新运行，就更改了主题
更改语言、scheme数量、网页标题
_config.yml 注意，有两个_config.yml文件。一个是TorynBlog/_config.yml，站点配置文件；一个是TorynBlog/themes/xxx/_config.yml，主题配置文件
language:zh-CN TorynBlog/_config.yml，站点配置文件里修改
scheme:Pisces TorynBlog/themes/xxx/_config.yml，主题配置文件里修改
title:Toryn's Blog TorynBlog/_config.yml，站点配置文件里修改
TorynBlog目录下各个文件作用说明
- _config.landscape.yml : 初始化默认主题
- _config.yml : 真正的改变站点主题
- node_modules : 依赖包
- package-lock.json : 包的版本控制
- package.json : Node.js文件的配置信息
- scaffolds : 模板库
- source : 静态资源，博客文章等
- themes : 主题选择库
- db.json : Hexo博客站点的一些基本信息和配置
写博客
hexo new "Chap.3 xxx"自动生成一个md文件在source/_posts目录下
/*写博客内容*/
hexo server 运行一下,可以看到本地站点上出现了自己写的第一篇博客

将Blog部署到云端

部署完成后就可以在线上看到自己的站点了

部署到云端

这里仅介绍用github作为托管平台的操作方法
- SSH链接服务器
  ssh -T git@github.com 测试SSH连接是否可以成功连接到 GitHub 服务器
  warning 说明~/.ssh/id_rsa文件权限不够私密,需要更改id_rsa文件的权限
  cd ~/.ssh
  ls -lah 查看id_rsa目前的权限状态，是-rx-r–r–
  chmod 600 ~/.ssh/id_rsa chmod命令用于修改file或者dir的权限,把id_rsa权限状态修改为-rx——-
  ssh -T git@github.com 测试SSH连接是否可以成功连接到 GitHub 服务器
  得到反馈:Hi Linboyan-trc! You've successfully authenticated, but GitHub does not provide shell access.说明已经成功用SSH进行身份验证并连接到GitHub
- github中创建repo
  注意项目命名为.github.io，其他照常操作
- 上传到github
  git@github.com:Linboyan-trc/Linboyan-trc.github.io.git 复制项目ssh
  TorynBlog/_config.yml 打开站点配置文件,修改其中的内容为
  1
  2
  3
  4
  deploy:
  type: git
  repo: git@github.com:Linboyan-trc/ Linboyan-trc.github.io.git
  branch: main
  git config --list 查看用户名和邮箱
  npm install hexo-deployer-git --save 安装 hexo-deployer-git 插件。–save是npm命令的一个选项，用于将包名及其版本信息添加到当前项目的依赖中。
  hexo g -d 在TorynBlog目录下执行。hexo g 是用来生成 Hexo 博客网站的，-d 参数表示生成网站后立即部署到远程服务器上
  
  【注】在使用 hexo g -d 命令部署博客前，需要先配置 Hexo 的 _config.yml 文件，将博客网站的发布路径和远程服务器的 Git 仓库信息配置正确。
- 建立github page
  repo/settings/pages/branch选择main
  https://linboyan-trc.github.io/ 可以看到github自动为用户生成的个人网站
进阶1：更新文章
hexo new “chap.2 Update_test” 新文章
/*编辑文章内容*/
hexo g -d 这个命令会自动执行ga、gc，actions自动执行，三个愿望一次满足。新文章会自动更新到个人站点
进阶2：修改主题以适用于自己
根据_config.yml文件中的注释修改即可