IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 开发工具 -> Hexo+gitee搭建免费个人博客完整详细教程 -> 正文阅读

[开发工具]Hexo+gitee搭建免费个人博客完整详细教程

环境配置

Node.js & npm

Hexo基于Node.js,在官网Node.js 下载按默认配置安装即可!
安装后可win+r输入cmd打开命令行,依次输入node -vnpm -v输出对应版本号说明Node.js和npm安装成功!
在安装路径下…\Nodejs\node_modules\npm可以找到文件npmrc,其为默认全局下载安装路径,可进行修改:prefix=路径。
我在后续尝试中出现了环境变量问题,找博客最终做法如下:
在\Nodejs路径下创建node_cachenode_global两个文件夹,输入:

npm config set prefix "node_global的路径"
npm config set cache "node_cache的路径"

打开环境变量,新建变量NODE_PATH,地址为…\node_global\node_modules。
为了以后方便,修改node_cache和node_global两个文件夹的访问修改权限。

Git

Git是开源的分布式版本控制系统,在官网Git 找到Dowloads进行下载安装即可!
安装后可win+r输入cmd打开命令行,输入git --version输出对应版本号说明Git安装成功!

gitee

注册账号

gitee官网注册账号。

创建仓库

注册后,右上角新建仓库,若不想要博客出现二级域名,将仓库名称设为个人域名(即设为https://gitee.com/名称,中的这个名称)。在这里插入图片描述
进入刚建的仓库,选择服务-gitee pages,进行实名认证。
在这里插入图片描述

设置公钥

打开git bash,依次输入下面三行指令,注意替换用户名和邮箱地址的字。

git config --global user.name "用户名"
git config --global user.email "邮箱地址"
ssh-keygen -t rsa -C '邮箱地址'

之后在C:/Users/xxx/.ssh中找到id_rsa.pub,在该路径下在git bash中输入cat id_rsa.pub或直接记事本打开,内容即为公钥,添加到个人设置-公钥管理中。
继续输入

ssh -T git@gitee.com

点击yes,能看到“用户名!You’ve successfully authenticated!……”就配置成功了。

安装插件

npm install https://github.com/7ym0n/hexo-asset-image -g --save

并打开_config.yml修改post_asset_folder: falsepost_asset_folder: true

hexo配置

hexo安装

打开命令行,输入npm install hexo-cli -g,不加-g会安装在命令行所在路径。

初始化

打开你要存放网页资源文件的文件夹,右键选择git bash here,依次输入

hexo init
npm install

会出现如下文件夹:
在这里插入图片描述

信息修改

打开_config.yml进行修改。
在这里插入图片描述

主题修改

如果不喜欢网页打开的主题,可在官网进行更换。
先输入Ctrl+C断开服务,输入git clone https themes/name,其中https是你想要的主题的github网址,name是主题的名字。将下载的文件夹移入themes文件夹,记事本打开_config.yml,将theme: landscape改成theme: 你下载的。

预览

在git bash继续输入:

hexo clean
hexo g
hexo s #其中加-p 80可以设置端口号,不加为默认4000

用浏览器访问网页就能看到初始界面(这是未修改过_config.yml的样子):
在这里插入图片描述
注:如果修改主题后出现报错:err: Error: Cannot find module 'cheerio',输入npm install cheerio后再次输入hexo g即可。

部署

hexo原理

hexo将页面有关的md文件放在本地,写完文章后使用命令完成页面的生成,再将有改动的页面提交到gitee。

配置

打开_config.yml,配置deploy如下:
在这里插入图片描述

安装插件

npm install hexo-deployer-git --save

部署到gitee

hexo d

手动打开gitee仓库的gitee pages更新一下即可。
以后每次更新了博客,使用命令hexo g -d部署到gitee再去gitee pages手动更新即可

  开发工具 最新文章
Postman接口测试之Mock快速入门
ASCII码空格替换查表_最全ASCII码对照表0-2
如何使用 ssh 建立 socks 代理
Typora配合PicGo阿里云图床配置
SoapUI、Jmeter、Postman三种接口测试工具的
github用相对路径显示图片_GitHub 中 readm
Windows编译g2o及其g2o viewer
解决jupyter notebook无法连接/ jupyter连接
Git恢复到之前版本
VScode常用快捷键
上一篇文章      下一篇文章      查看所有文章
加:2022-04-22 18:57:14  更:2022-04-22 18:58:23 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/26 2:33:36-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码