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搭建本地个人博客网站 -> 正文阅读

[开发工具]HEXO搭建本地个人博客网站

准备工作

搭建博客,我们只需要两个工具Hexo,Node.js

现在让我们一个一个下载。

1.先下载Node.js ,这里我们下载12版本,高版本容易报错。

?在这里输入我们需要的版本号

Node.js 12.18

?

?下载完成后,直接安装,一直点击下一步就行。啥也不用管,一直到完成就行

2.Node.js安装完成以后,我们按win+R打开控制台安装cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

?等待安装完成后,我们在安装hexo?

cnpm install hexo-cli -g

?这个也下载好后,我们进行下一步。

3.下载Git,点Download

?下载安装,完成后我们在进行下一步。

4.在自己电脑新建一个文件夹保存我们的个人博客项目----bolg,然后进入这个文件夹,鼠标右键选择Git Bash Here。

然后开始配置用户名和邮箱:

用户名:

git config --global user.name "uesrname"

邮箱:

git config --global user.email?"uesremail@qq.com"

设置完成后输入 hexo init 进行初始化? --这里需要挂梯子

hexo init

?此时你的blog文件夹就变成这样

?然后我们启动项目看一下 hexo s

hexo s

项目启动完成后,我们复制这个,去浏览器打开看一下

?这是已经打开的

?打开发现初始化完成,我们Ctrl+C停止,更换个主题

git clone https://github.com/ZEROKISEKI/hexo-theme-gal.git themes/gal

我这里用的是gal主题,可以去?这里?自己选择喜欢的主题

然后我们配置一下页面,依次输入下面的代码:

cnpm install hexo-renderer-sass --save
cnpm install hexo-renderer-scss --save
cnpm install hexo-generator-json-content --save

记事本打开这个文件 ,我用Vs?code打开的,都一样

在代码的末尾添加这些代码:

jsonContent:
? dateFormat: MM-DD
? pages:
? ? title: true
? ? text: true
? ? path: true
? ? date: true
? ? excerpt: true
? ? preview: true
? posts:
? ? title: true
? ? text: true
? ? path: true
? ? date: true
? ? excerpt: true
? ? tags: [{
? ? ? name: tag.name,
? ? ? slug: tag.slug,
? ? ? permalink: tag.permalink
? ? }]
? ? preview: true
?

?在修改我们的主体为:gal

?在修改一下我们的个人信息

?改完以后,hexo s运行打开看一下,就是这样了:

完成以后,我们开启一些功能:

搜索:

hexo new page "search"

配置错误出现页面

hexo new page "404"

再继续配置标签,分类,关于

hexo new page"tags"

hexo new page "categories"

hexo new page "about"

在设置一下我们以后写博客时候的分类:

?打开文件blog/scaffolds/post.md文件

我这里用的是?Typora?打开的,需要的话可以下载,后面写博客也方便

?然后我们来写第一个博客:

hexo new "我的第一篇文章”

这个文件存在bolg/source/_posts里面

写完保存可以打开看一下

?

?至此在本地端就部署好了,至于里面的图片修改可以去 bolg/themes/gal/source/imgs里面直接替换掉图片,注意名字不能改,不然处理的时候会找不到图片

  开发工具 最新文章
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常用快捷键
上一篇文章      下一篇文章      查看所有文章
加:2021-12-13 13:02:18  更:2021-12-13 13:03:25 
 
开发: 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/15 15:14:42-

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