记录一下个人第一次建站的过程

视频参考codesheep up主的视频

使用win10版本

建站原理

  1. 使用hexo加github代码托管平台进行建站
  2. 通过阿里云域名解析至代码托管平台

下面开始实行

安装node.js

教程参考Node.js下载安装及环境配置教程【超详细】_nodejs下载-CSDN博客

  • 注意点

  • 安装完使用下列命令测试是否安装成功

    • node -v //显示node.js版本

    • npm -v //显示npm版本

      (1)

  1. 下面进行node.js的环境配置
    在安装目录新建2个文件夹
  • 【node_global】
  • 【node_cahe】
    创建完毕后使用管理员命令打开cmd依次输入以下两个命令
  • npm config set prefix “文件所在路径\node_global”
  • npm config set cache “文件所在路径\node_cache”
  • 无报错 运行成功

  1. 配置系统环境变量

    (7)

    注意：变量值应是你node_modules的目录。
    如果确定后没有新建node_modules文件夹，需在node_global下手动创建一个node_modules文件夹，再复制你创建的node_modules文件夹的路径地址到变量值

  2. 配置用户变量中的path
    (3)

  3. 测试是否安装成功

注意使用管理员运行

  • npm install express -g // -g代表全局安装

  • 出现以下界面为成功安装淘宝镜像

    (6)

  1. 安装cnpm 个人建议安装
  2. 出现问题检查配置

hexo的安装和配置及其使用进入管理员cmd运行

  1. 安装hexo

    • cnpm install -g hexo-cli 安装hexo
    • hexo v 验证版本

  2. 进入blog目录初始化hexo

    • hexo init 出现start blogging with hexo即为成功

  3. hexo s 启动博客

  4. hexo n cs 新建cs博客

    (2)

  5. hexo clean 清理缓存

  6. hexo g 生成网页文件

  7. hexo s 预览网页

  8. hexo d 推送至GitHub仓库

上传github时所遇到的问题

  1. 首先安装github
  1. 安装hexo git插件
    1
    cnpm install --save hexo-deployer-git
  2. git提交或克隆报错fatal: unable to access

  1. Git第一次初始化项目到远程仓库

  2. 在hexo下配置git

    • {B1E92BAC-FAF1-4EC7-84EC-9DF13B4BE671}

  3. 接下来进行部署远端git 使用hexo d 进行推送

  4. 每次使用推送 就需要在GitHub端重置域名

    • 在本地hexo source 下手动创建CNAME
    • 然后再使用hexo -g d 进行推送GitHub

  5. 下面介绍本人添加图片的方式

    {C7FF0106-F474-4832-8C87-07B4EC59A7DC}

  6. 原来的配置文件可以使用网络图片链接

    {89D73CFA-E052-42C3-9D8C-FB573409D26D}

关于hexo d上传所遇到的问题

  1. 报错信息 RPC failed; curl 56 Recv failure: Connection was reset
  • 排查 使用hexo clean && hexo g && hexo s
    清除缓存后，本地生成文件，在进行预览，发现没有报错
    则发现问题为上传时出现的问题
  • 原因git 上传时受到容量限制
  • 解决办法 git config –global http.postBuffer 1048576000 #注意1048576000为1GB

美化主题

  1. 顶部图和网站背景图透明的办法 参考链接：https://android99.com/2021/08/10/butterfly-top-image-modify/
  • 修改 Butterfly 的配置文件 _config.butterfly.yml。
    编辑 index_img、background、footer_bg、mask.header 选项。
    设置网站背景，将主页顶部图和页脚背景改为透明，移除顶部图的黑色半透遮罩。
    (需要将示例地址替换为自己的图片地址。)
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    # Website Background (設置網站背景)
    # can set it to color or image (可設置圖片 或者 顔色)
    # The formal of image: url(http://xxxxxx.com/xxx.jpg)
    background: url(https://b.zhutix.com/bizhi/yuan-shu/08.jpg)

    # Footer Background
    footer_bg: transparent

    # Add mask to header or footer (为 header 或 footer 添加黑色半透遮罩)
    mask:
      header: false # 顶部透明
      footer: false # 底部透明
  1. 去除底部（框架 Hexo|主题 Butterfly）
    1
    2
    3
    4
    5
    6
    7
    8
    # Footer Settings
    # --------------------------------------
    footer:
      owner:
        enable: true
        since: 2020
      custom_text: Hi, welcome to my <a href="https://redzzhou.top">blog</a>!
      copyright: false # Copyright of theme and framework (框架 Hexo|主题 Butterfly)

下面是Windows端cmd常用命令

#查看当前目录
1
2
3
4
5
6
e: #进入e盘
md cs #新建文件夹cs
cd cs #进入文件夹cs
dir -w 查看文件下有什么文件
cd .. 返回上级目录
cd ../.. 返回两级目录

(4)

1、使用”Win+r“快捷键并输入“cmd”打开控制台

2、输入“d:”进入d盘

3、输入“cd Program Files”进入“Program Files”文件夹内（可使用tab键补全文件夹名字）

4、输入“cd MVTec”进入“MVTec”文件夹内（可使用tab键补全文件夹名字）cd 访问下一级目录

md 新建文件夹
dir 列表文件 dir /w

markdown 语法
markdown 编辑器Obsidian

遇到的问题
初始化使用科学上网
下载git node.js 需要安装并且配置正确

cd ../..退回两层目录

cnpm install hexo-deployer-git –save
#hexo 在windows下部署git插件
e:\blog>cnpm install hexo-deployer-git –save

Initialized empty Git repository

E:\blog>start themes打开文件themes

hexo更新
https://blog.csdn.net/qq_33154343/article/details/108301374
注意 更新时在需在更新包的目录下使用命令进行更新

(5)