温州网站建设对比,湖北省建设厅官方网站证书查询,工资卡app下载,酒泉网站怎么做seodocsify gitee 搭建个人博客 文章目录 docsify gitee 搭建个人博客1.npm 安装1.1 在Windows上安装npm#xff1a;1.2 在macOS上安装npm#xff1a;1.3 linux 安装npm 2. docsify2.1 安装docsify2.2 自定义配置2.2.1 通过修改index.html#xff0c;定制化开发页面…docsify gitee 搭建个人博客 文章目录 docsify gitee 搭建个人博客1.npm 安装1.1 在Windows上安装npm1.2 在macOS上安装npm1.3 linux 安装npm 2. docsify2.1 安装docsify2.2 自定义配置2.2.1 通过修改index.html定制化开发页面 2.2.2 顶部导航栏和侧边栏2.2.3 新建 _navbar.md 文件2.2.4 侧边栏设置2.2.5 全文检索2.2.6 一键仿制插件2.2.7 代码高亮2.2.8 代码高亮2.2.9 自定义封面 3.gitee 搭建库4 设置Github Pages 1.npm 安装
npm是Node.js的包管理器用于安装和管理JavaScript包。要安装npm需要先安装Node.js。以下是在不同操作系统上安装npm的步骤
1.1 在Windows上安装npm
访问Node.js官方网站https://nodejs.org。在下载页面上选择适用于Windows的LTS版本长期支持版本的Node.js安装程序。下载安装程序并运行它。在安装过程中确保选中npm package manager选项。完成安装后打开命令提示符或PowerShell并运行npm -v命令确认npm已成功安装。
1.2 在macOS上安装npm
打开终端应用程序。使用Homebrew包管理器安装Node.js。运行以下命令 brew install node完成安装后运行npm -v命令确认npm已成功安装。
1.3 linux 安装npm
在Linux上安装npm
打开终端。使用包管理器安装Node.js。根据你使用的Linux发行版运行以下命令之一
Debian/Ubuntu sudo apt-get install nodejs npmFedora sudo dnf install nodejs npmCentOS/RHEL sudo yum install nodejs npm安装完成后你可以使用npm install 命令来安装JavaScript包。例如要安装名为lodash的包可以运行npm install lodash命令。
2. docsify
2.1 安装docsify
# 安装 docsify-cli
npm i docsify-cli -g
# 初始化项目
docsify init ./docs
# 发动项目
docsify serve docshttp://localhost:3000/#/ 成功截图 2.2 自定义配置
2.2.1 通过修改index.html定制化开发页面
!DOCTYPE html
html langen
headmeta charsetUTF-8titleDocument/titlemeta http-equivX-UA-Compatible contentIEedge,chrome1 /meta namedescription contentDescriptionmeta nameviewport contentwidthdevice-width, initial-scale1.0, minimum-scale1.0link relstylesheet href//cdn.jsdelivr.net/npm/docsify4/lib/themes/vue.css
/head
bodydiv idapp/divscriptwindow.$docsify {name: ,repo: }/script!-- Docsify v4 --script src//cdn.jsdelivr.net/npm/docsify4/script
/body
/html2.2.2 顶部导航栏和侧边栏 window.$docsify {name: 东小西, // 侧边栏顶部显现的称号repo: https://gitee.com/chen_1953981601, // 右上角Github图标链接,这是例子需要具体换为自己的loadNavbar: true, // 默许加载 _navbar.md作为顶部导航栏loadSidebar: true // 默许加载 _sidebar.md作为侧边栏}2.2.3 新建 _navbar.md 文件
- [**目录**](README.md)- [**环境安装**](source/env/env.md)- [**编程相关学习**](source/books/books.md)- [**人工智能**](source/DL/DL.md)- [**工程部署相关问题**](source/project/project.md)- [**相关开源工具**](source/openTech/openTech.md)- **论文阅读笔记**
* [**文章集合**](paper/README.md)2.2.4 侧边栏设置 window.$docsify {name: 东小西, // 侧边栏顶部显现的称号repo: https://gitee.com/renxiaoshi, // 右上角Github图标链接loadNavbar: true, // 默许加载 _navbar.md作为顶部导航栏loadSidebar: true, // 默许加载 _sidebar.md作为侧边栏subMaxLevel: 3, // 目录的最大层级}2.2.5 全文检索 window.$docsify {name: 东小西, // 侧边栏顶部显现的称号repo: https://gitee.com/c_1953981601, // 右上角Github图标链接loadNavbar: true, // 默许加载 _navbar.md作为顶部导航栏loadSidebar: true, // 默许加载 _sidebar.md作为侧边栏subMaxLevel: 3, // 目录的最大层级search: {paths: auto,placeholder: 检索,noData: 没有找到喔,depth: 3,},}!-- 检索插件 --script src//cdn.jsdelivr.net/npm/docsify/lib/plugins/search.min.js/script2.2.6 一键仿制插件 !-- 一键仿制插件 --script src//cdn.jsdelivr.net/npm/docsify-copy-code/script2.2.7 代码高亮
!-- 代码高亮 --script src//cdn.jsdelivr.net/npm/prismjs1/components/prism-bash.min.js/scriptscript src//cdn.jsdelivr.net/npm/prismjs1/components/prism-c.min.js/scriptscript src//cdn.jsdelivr.net/npm/prismjs1/components/prism-json.min.js/scriptscript src//cdn.jsdelivr.net/npm/prismjs1/components/prism-shell-session.min.js/scriptscript src//cdn.jsdelivr.net/npm/prismjs1/components/prism-python.min.js/scriptscript src//cdn.jsdelivr.net/npm/prismjs1/components/prism-http.min.js/scriptscript src//cdn.jsdelivr.net/npm/prismjs1/components/prism-java.min.js/script2.2.8 代码高亮
link relstylesheet href//cdn.jsdelivr.net/npm/docsify/themes/dark.css2.2.9 自定义封面
window.$docsify 中添加 coverpage: true默许会加载 _coverpage.md。
新建_coverpage.md文件内容如下
# Blogs for SWPUCWF 如果不是为了让她哭那么卷人又有什么意义[CSDN](https://blog.csdn.net/weixin_42917352?spm1000.2115.3001.5343)email: swpucwf126.com[滚动鼠标](#)3.gitee 搭建库
Gitee Pages服务代码托管网站将用户的库房文件以网页方式发布。 4 设置Github Pages
在 Settings 中的 GitHub Pages 中选择 docs 文件夹点击保存即可发布刚刚的文档网站。
