7-如何搭建自己的博客

发表于 更新于 分类于 Waline： 本文字数： 1.5k 阅读时长 ≈ 1 分钟

如何搭建自己的博客

前言

基本条件

你需要拥有：

  • 健全的身体
  • 一台能正常使用的电脑
  • 一点点耐心

没有的请自觉离开。
如果不愿意花时间，也请离开。

准备工作

  1. 一个Github账号 官网地址,注册账户网址,如果无法访问请耐心等待,或考虑使用WattToolkit
  2. 一个Cloudflare账号(如果需要自定义域名的话) 官网地址
  3. 一个digitalplat账号(如果需要自定义域名的话) 官网地址 ,点击右上角注册,里面的信息可以随便填
  4. nodejs 官网地址 ,点击下面的“Windows 安装程序(.msi)”按钮下载
  5. git 官网地址 ,会直接开始下载,下载速度较慢,请耐心等待。

正文

安装Git&Nodejs

安装过程这里就不细讲了，如果有不会的或有问题可以去网上搜教程。
注意Git安装过程中要勾选添加到PATH选项。
安装完整后验证是否安装成功，在cmd或git bash中运行以下代码：

1
2
3
git -v
node -v
npm -v

如果成功显示版本号，没有报错的话就是安装成功了。
注：npm是nodejs的命令行工具，可用于管理安装包（安装/删除/更新）等功能

更改nodejs环境变量

注意：这一步非常重要！

  1. 打开你安装nodejs的文件夹根目录，新建"node_cache"和"node_global"文件夹
  2. 搜索“查看高级系统设置”并打开，选择"环境变量"，选择用户环境变量中的PATH，检查有没有"%你安装nodejs的根目录%\node_modules"变量，如没有就添加。
  3. 在系统环境变量中添加名称为"NODE_PATH"的环境变量，值为"%你安装nodejs的根目录%\node_modules"。
  4. 将第一步新建的两个文件夹"node_cache"和"node_global"的users权限设置为"完全控制"。

用npm全局安装hexo-cli（hexo客户端）

新建一个文件夹（可以是D:\Hexo或D:\Myblog等等，最好不要带中文）
进入这个文件夹，右击显示右键菜单，点击“open git bash here”，运行以下代码：

1
npm install -g hexo-cli --save

注意：如果你的npm版本为11.15.0及以上，安装包的时候可能会出现 EALLOWREMOTE 错误，此时应该运行以下代码：

1
2
npm uninstall -g npm --save
npm install -g npm@10.8.2 --save

此处作者安装的是10.8.2稳定版。

hexo-cli安装完成后运行hexo -v查看版本号，如果正常显示说明安装成功。

在你的博客根目录（比如之前的D:\Hexo）打开git bash，运行以下代码：

1
hexo init

当看到"start blogging with Hexo!"时说明初始化成功，运行hexo s启动本地服务器。此时打开你的浏览器，输入http://localhost:4000查看你的博客！这是landscape主题，是不是有点丑

回到git bash，按下Ctrl+C停止本地服务器

部署

注意：分支一和分支二可以同时存在，就看你愿不愿意

分支一：直接使用GitHub提供的 %你的用户名%.github.io 域名

在GitHub新建一个仓库,名字为 %你的用户名%.github.io 如果之前已经创建过，可以存在其他仓库中，同样可以部署，但是要在 %你的新仓库名%->设置->pages 中设置部署源为 root 而非 none ，点击 save 保存修改。

分支二：使用DigitalPlat的免费域名并托管到Cloudflare