基于Github Pages+docsify，我花了一个小时建立了我的个人博客，方便地写了这篇文章。
效果:
封面
封面
内容页
内容页面
体验:就个人博客而言，作者折腾了很多，用过WordPress、Typecho、Hexo等。，而且主机也用过免费GitPages或者付费VPS，最后都不了了之。原因要么是VPS到期懒得续费，要么是数据迁移存在各种阵痛。博客要么基于动态，比如WordPress需要一个数据库，要么基于静态，比如Hexo。一旦完成迁移，您将面临一大堆数据库数据。最后挖掘了我的两个核心需求:免费和易移植，所以Github Pages+docsify完全满足了我的需求。
免费:Github Pages免费且易于移植:docsify基于js将md文档转换为html，在客户端计算，不在服务器端。服务器只存储md，这样很舒服。以后你的博客数据就不是一堆数据库数据或者html代码了，而是可读的md文档。下面详细介绍一下。
Docsify不同于Hexo、Jekyll、Hugo等一般的博客盒子。它支持Markdown格式，对程序员的博主非常友好。MD格式的博客将直接放上去，而不是生成html文件，框架本身将在运行时解析并呈现为html页面。
准备1。git环境，github帐户
在windows下安装git。在这个简单的git教程中可以看到Git的介绍和安装。
因为我们要用github页面来部署我们的应用，请先注册你的Github账号，官网:Github。
2.有一个节点环境
在Windows下安装节点环境
简单来说。
去官方网站下载NodeJS:https://nodejs.org/en/,并安装npm来设置代理或镜像，否则会非常慢，你可能无法想象设置代理的原因是众所周知的。根据实际情况# http Proxy npmconfig Set Proxy = http://127 . 0 . 0 . 1:8087 npmconfig Set registry = http://registry.npmjs.org # https Proxy npm Config Set https-proxy http://Server:port #设置用户名或密码，不用，就留NPM Config Set Proxy http://username:password @ Server:port NPM Confit Set https-Proxy http://username:password @ Server:port #取消代理NPM配置删除代理NPM配置删除https-Proxy设置镜像(推荐)。如果没有代理，可以设置一个国产镜像#设置淘宝镜像npmconfig设置注册表https://registry.npm.taobao.org #无论验证是否成功，npm config get registry3。简单说明一下步骤。使用docsify命令生成文档站点，在github上部署站点docsify官网。
地址:https://docsify.js.org/#/ Docsify官网
使用docsify命令生成文档，并在现场安装docsify-cli工具。
建议安装docsify-cli工具，可以方便文档网站的创建和本地预览。
NPI DOCSIFY-CLI-G因为我们已经安装了节点环境，所以直接打开CMD窗口执行上面的命令就好了。
初始化项目
Docsifyinit。/docs index . html导入文件README.md将呈现为主页内容。nojekyll用于防止GitHub页面忽略文件启动项开头的下划线，并预览效果。
在这里，您可以启动项目并查看效果。使用以下命令启动项目:
Docsify服务文档流输入:http://localhost:3000
1.配置左侧导航栏。
不建议对其进行配置。如果进行了配置，则无法显示当前文章的目录。
在\docs目录下新建一个_sidebar.md的md文件，内容如下:
——我的博客——【第一章】(blog/ blog building.md)在index.html文件中配置它。将以下句子添加到嵌入的js脚本中:
LoadSidebar: true2。配置封面
该例程与上面配置的左侧导航栏相同。
首先新建一个_coverpage.md的md文件，里面的内容就是你封面的内容。
#我的博客& gt我的博客[csdn](https://blog.csdn.net/xxx)[滚动鼠标](#简介)然后修改index.xml文件中的js脚本配置，加上一句话:
封面:真实3。配置主页
其实就是docs目录下README.md文件的内容。
我们一直忽略他，这是默认的:
换一个，贴上你牛逼的经历或者标签。
#个人资料
部署到github，登录github账号，建仓库创建本地仓库，推送到Github。
在这里右键单击git Bash，打开Git命令行来初始化一个存储库，并将所有博客文件提交到Git本地存储库。
涉及的命令如下:
Git init //初始化一个仓库git add -A //将所有文件添加到临时存储区，即交给Git管理的Git Commit-M "我的博客首先提交"//提交到git仓库，-m后面跟注释Git Remote Add Origin https://github.com/xxx/myblogs.gitgit Push-U Origin Master//推送到远程myblogs仓库，按照上面的命令顺序。毫不奇怪，我们的本地博客已经同步到github。
使用Github页面
在myblogs warehouse下，选择Settings选项，找到GitHub Pages选项卡，并选择Source下的***ster branch/docs文件夹选项。可以结束了。
最后欢迎来参观一下我的博客：https://scriptwang.github.io/blog/#/
本文来自罗金艺还行吧投稿，不代表舒华文档立场，如若转载，请注明出处：https://www.chinashuhua.cn/24/580510.html
微信扫一扫 
