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 server

部署

先创建仓库

注意一定要

username.github.io
不然会出现404
在这里插入图片描述
安装
npm install hexo-deployer-git --save

配置

deploy:
  type: git
  repo: git@github.com:hongming88/hongming88.github.io.git
  branch: master

先配置ssh(略)
可参考
https://blog.csdn.net/weixin_46168350/article/details/116310549

访问:
hongming88.github.io

主题

git clone https://github.com/iissnan/hexo-theme-next themes/next

也可以
git clone https://github.com.cnpmjs.org/iissnan/hexo-theme-next themes/next

修改站点的配置文件
在这里插入图片描述

增加标签页和分类页

E:\blog\themes\next\_config.yml文件下
在这里插入图片描述
注意空格消除,上面没有消除

创建分类标签

13113@ming MINGW64 /e/学习/笔记/blog
$ hexo n page tags
INFO  Validating config
INFO  Created: E:\学习\笔记\blog\source\tags\index.md

13113@ming MINGW64 /e/学习/笔记/blog
$ hexo n page categories
INFO  Validating config
INFO  Created: E:\学习\笔记\blog\source\categories\index.md

13113@ming MINGW64 /e/学习/笔记/blog

在这里插入图片描述

在这里插入图片描述
修改里面的index文件
在这里插入图片描述
在这里插入图片描述

参考

https://blog.csdn.net/jessieeeeeee/article/details/118935409

设置

在这里插入图片描述
修改中文

添加统计功能注意

找到Next/layout/_third-party/analytics/busuanzi-counter.swing下的

把域名改成:https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js

注意

之间不能有空格
在这里插入图片描述

隐藏底部

在这里插入图片描述

问题

hexo使用theme出现“ {% extends ‘_layout.swig‘ %} {% import ‘_macro/post.swig‘ as post_template %}“问题

原因是hexo在5.0之后把swig给删除了需要自己手动安装

 npm i hexo-renderer-swig

写文章

为了可以上传图片

在这里插入图片描述
安装插件
npm install hexo-asset-image --save

source创建文件夹
在这里插入图片描述
npm i --save hexo-wordcount

创建文章
hexo n t
写文章
在这里插入图片描述

部署发布

在站点文件夹中打开 git bash,输入如下命令部署和发布文章

$ hexo g -d
1
建议:在使用 hexo g ,可以先使用 hexo s 运行本地站点,然后在浏览器输入地址 http://lacolhost:4000/ 查看运行结果,检查无误后再使用 hexo d 发布

hexo generate(Hexo g) 命令执行完就可以生成静态文件
hexo deploy(hexo d) 部署

  开发工具 最新文章
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-05-06 11:12:24  更:2022-05-06 11:12:40 
 
开发: 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年5日历 -2024/5/19 6:22:21-

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