hexo博客搭建

安装Node.js

1. 选择LTS版本node.js即可。
2. 打开终端获取管理员权限 sudo su，然后输入开机密码。
   输入node -v和npm -v显示版本号表示安装成功。

   node.js官网

---

安装hexo

1. 安装cnpm代理
   • 输入npm install -g cnpm --registry=https://registry.npm.taobao.org
   • 输入cnpm -v显示版本号表示安装成功。
2. 利用cnpm安装hexo
   • 输入cnpm install -g hexo-cli
   • 输入hexo -v显示版本号表示安装成功。
   • 输入pwn查看当前目录（用户文件夹）
   • 输入mkdir blog创建博客文件,进入该目录cd blog。
   • 输入sudo hexo init初始化博客,此过程需要耐心等。如报错需安装git即可。
3. 配置git
   • git config –global user.email “你的邮箱”
   • git config –global user.name “你的名字”
   • git config –global –unset http.proxy
   • git config –global –unset https.proxy
4. hexo命令
   • cd blog进入博客目录
   • hexo -v查看版本
   • hexo clean清理缓存
   • hexo g生成
   • hexo s启动
   • hexo d部署

---

部署到Github

1. 安装hexo插件
   cnpm install --save hexo-deployer-git
2. 在Github创建一个新的仓库YourGithubName.github.io
3. github 上申请 Personal access tokens

   申请地址

4. 修改blog中的.yml文件

   deploy:
    type: git
    repo: https://TOKEN@仓库地址
    branh: main

---

下载使用主题

主题地址

1. 克隆git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly
2. 安装渲染插件npm install hexo-renderer-pug hexo-renderer-stylus --save
3. 修改yml文件中的themes即可。

---

绑定域名

1. 解析域名列表（2条）
   • 记录类型：都是CNAME
   • 主机记录：@和www
   • 记录值：yourusername.github.io
   • 线路：默认
2. 仓库地址/settings/pages中找到Custom domain填入域名（如：www.xxx.xxx）
3. 配置blog中的_config.yml中的url：添加你的域名（如：www.xxx.xxx）
4. 重新部署后域名会丢失所以要上传CNAME文件(用vscode新建，后缀名为所有文件，内容填入同上域名即可），保存在/hexo/source目录下重新部署即可。

---

修改主题透明度

  // 主题目录下/source/css/index.styl中添加以下代码
  
body
  // 背景颜色
  background: rgba(180, 206, 218, 0.3)
.recent-post-item
  // 主页文章透明 !important意味着强制的属性，权重最高
  background: rgba(223, 229, 236, 0.85)!important
.post_cover
  // 文章的图片透明
  filter: opacity(0.5)
.card-widget
  // 侧边卡片背景透明
  background: rgba(223, 229, 236, 0.85)!important


   //以下css/layout中的post下添加
   //在post中修改页面文章透明
#post
   background: rgba(223, 229, 236, 0.93)!important
   //在footer中修改页脚透明
#footer
  background: #152c4d57;