当前位置: 首页 > news >正文

石湾网站制作公司怎么弄一个网站平台

石湾网站制作公司,怎么弄一个网站平台,php网站开发学校,厦门蓝典网站建设docsify & gitee 搭建个人博客 文章目录 docsify & gitee 搭建个人博客1.npm 安装1.1 在Windows上安装npm:1.2 在macOS上安装npm:1.3 linux 安装npm 2. docsify2.1 安装docsify2.2 自定义配置2.2.1 通过修改index.html,定制化开发页面…

docsify & gitee 搭建个人博客

文章目录

  • docsify & gitee 搭建个人博客
    • 1.npm 安装
      • 1.1 在Windows上安装npm:
      • 1.2 在macOS上安装npm:
      • 1.3 linux 安装npm
    • 2. docsify
      • 2.1 安装docsify
      • 2.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:

  1. 访问Node.js官方网站(https://nodejs.org)。
  2. 在下载页面上,选择适用于Windows的LTS版本(长期支持版本)的Node.js安装程序。
  3. 下载安装程序并运行它。
  4. 在安装过程中,确保选中"npm package manager"选项。
  5. 完成安装后,打开命令提示符或PowerShell,并运行npm -v命令,确认npm已成功安装。

1.2 在macOS上安装npm:

  1. 打开终端应用程序。
  2. 使用Homebrew包管理器安装Node.js。运行以下命令:
  brew install node
  1. 完成安装后,运行npm -v命令,确认npm已成功安装。

1.3 linux 安装npm

在Linux上安装npm:

  1. 打开终端。
  2. 使用包管理器安装Node.js。根据你使用的Linux发行版,运行以下命令之一:
  • Debian/Ubuntu:
	sudo apt-get install nodejs npm
  • Fedora:
    sudo dnf install nodejs npm
  • CentOS/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 docs

image-20230812092252353

image-20230812092328875

image-20230812092420688

http://localhost:3000/#/ 成功截图:

image-20230812092559318

2.2 自定义配置

2.2.1 通过修改index.html,定制化开发页面

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /><meta name="description" content="Description"><meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0"><link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@4/lib/themes/vue.css">
</head>
<body><div id="app"></div><script>window.$docsify = {name: '',repo: ''}</script><!-- Docsify v4 --><script src="//cdn.jsdelivr.net/npm/docsify@4"></script>
</body>
</html>

2.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"></script>

2.2.6 一键仿制插件

 <!-- 一键仿制插件 --><script src="//cdn.jsdelivr.net/npm/docsify-copy-code"></script>

2.2.7 代码高亮

<!-- 代码高亮 --><script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-bash.min.js"></script><script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-c.min.js"></script><script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-json.min.js"></script><script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-shell-session.min.js"></script><script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-python.min.js"></script><script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-http.min.js"></script><script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-java.min.js"></script>

2.2.8 代码高亮

<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/themes/dark.css">

2.2.9 自定义封面

window.$docsify 中添加 coverpage: true,默许会加载 _coverpage.md。

新建_coverpage.md文件,内容如下:

# Blogs for SWPUCWF> 如果不是为了让她哭,那么卷人又有什么意义?[CSDN](https://blog.csdn.net/weixin_42917352?spm=1000.2115.3001.5343)email: swpucwf@126.com[滚动鼠标](#)

3.gitee 搭建库

Gitee Pages服务,代码托管网站将用户的库房文件以网页方式发布。

image-20230812105527551

4 设置Github Pages

Settings 中的 GitHub Pages 中选择 docs 文件夹,点击保存,即可发布刚刚的文档网站。

http://www.shuangfujiaoyu.com/news/57012.html

相关文章:

  • 中国建设投资集团 网站首页shopify seo
  • 哪里有做枪网站的长春网站优化指导
  • 做暖暖在线获取网站免费网站推广工具
  • 网站幻灯片 字段疫情优化调整
  • 广东一站式网站建设推荐百度关键词排名点击器
  • 如何微信做演讲视频网站网站制作网站推广
  • 企业网站推广的重要性百度知道首页登录入口
  • 工信部网站备案查通知关键词如何排名在首页
  • 建设文库网站营销100个引流方案
  • 开发公司撤销网签起诉书怎么弄武汉seo网站优化
  • 网站改版 重新收录百度云登陆首页
  • 温岭网站建设百度高级搜索怎么用
  • 如何制作网站主页站长工具的使用seo综合查询排名
  • 哈尔滨模板建站系统优化设计五年级下册数学答案
  • 网站开发开题报告ppt资源最多的磁力搜索引擎
  • 长沙网站制作哪家seo怎么推广
  • 移动互联网开发应聘优化百度seo
  • 网络推广优化seo谷歌seo站内优化
  • 订餐网站开发百度优化怎么做
  • 学网站建设难吗天津seo排名公司
  • 自贡网站建设怎么做
  • 摄影作品网站建设方案书域名网站
  • 做商贸网站seo关键词分析
  • 上海 网站制作公司网站运营方案
  • 门户网站制作的公司网站关键词排名怎么提升
  • 自己电脑做电影网站长尾关键词排名系统
  • 什么网站可以做国外生意百度收录入口提交查询
  • 做网站二级域名随便用吗江苏网络推广公司
  • 中国移动网站建设目前最好的引流推广方法
  • 北京经营性网站备案查询关键词排名方案