本文由 发布，转载请注明出处，如有问题请联系我们！ 发布时间: 2021-08-01个人免费博客注册申请-国内免费博客申请地址

根据GitHub Pages docsify，我花了一个小时创建了个人博客网站，便捷地写了本文。

实际效果:

封面图內容页

经验分享：就个人博客网站而言，小编早已瞎折腾过许多了，使用过WordPress，Typecho，Hexo这些，服务器也使用过根据完全免费的GitPages或是付钱的VPS，最终都没有下文，缘故要不是VPS期满了不想续订，要不是数据备份转移各种各样劳神，blog要不是通过动态性的例如WordPress必须数据库查询，要不是因为静态数据的例如Hexo，一转移你即将应对的是一堆数据库查询的数据信息或是是HTML编码，移殖都太不便。最终我发掘了我两个核心要求：完全免费，易移殖，那麼Github Pages docsify彻底达到了我的要求网页页面感受:就个人博客网站来讲，小编一直瞎折腾了许多，应用了WordPress，Typecho，Hexo等。，而服务器也曾应用完全免费GitPages或付钱VPS，均以一无所获结束。缘故要不是VPS期满不想续订，要不是数据信息迁移费了很大劲。blog要不是通过动态性的，例如WordPress，必须数据库查询，要不是因为静态数据的，例如Hexo，转移的过程中会应对一堆数据库查询。最终，我发掘出我的两个核心要求:完全免费和便于移殖，因此Github Pages docsify彻底达到了我的要求。

完全免费：Github Pages原本便是完全免费的易移殖：docsify是根据js将md文档转化成html，测算在手机客户端，没有服务端，网络服务器仅用存md，这一就很舒服了，之后你的blog数据信息不容易是一堆数据库查询数据信息或是html编码，反而是具备易读性的md文档，下边详解一下

Docsify有别于Hexo，Jekyll，Hugo等别的blog小盒子，适用Markdown文件格式，对程序猿的时尚博主十分友善。不必转化成html文档，用MD文件格式写文章赚钱，立即提交。架构自身会在操作时将其分析并展现为html网页页面。

准备工作/将要工作中

1.git自然环境，github帐户。

要在Windows下安装git，能够查询git介绍和这一Git简单教程的安裝。

由于我们要用github Pages来布署大家的运用，因此请先申请注册Github账户，官方网站:Github。

2.有一个连接点自然环境。

在Windows下设定连接点自然环境。

简易而言。

去官方网站下载nodejs：https://nodejs.org/en/，安裝好npm设置代理或镜像系统，要不然由于周所众所周知的缘故会慢到你可能无法想象设置代理，依照具体情况来# http代理商npm config set proxy=http://127.0.0.1:8087npm config set registry=http://registry.npmjs.org# https代理商npm config set https-proxy http://server:port# 设定登录名或登陆密码，沒有就无论npm config set proxy http://username:password@server:portnpm confit set https-proxy http://username:password@server:port# 撤销代理商npm config delete proxynpm config delete https-proxy设定镜像系统（强烈推荐），要是没有代理商，能够设定个国内镜像# 设定淘宝镜像npm config set registry https://registry.npm.taobao.org# 验证通过没npm config get registry

3.简要说明流程。

应用docsify指令转化成文本文档网站在github上布署网站

Docsify官网

详细地址:https://docsify.js.org/#/. Docsify官网

应用docsify指令转化成文本文档网站。

安裝docsify-cli专用工具。

提议安裝docsify-cli专用工具，能够便捷文本文档网址的建立和当地浏览。

npm i docsify-cli -g

即然大家早已安裝了连接点自然环境，那麼立即开启CMD对话框，实行之前的指令就好了。

复位新项目。

docsify init ./docsindex.html 通道文档README.md 会做为主导页內容3D渲染.nojekyll 用以阻拦 GitHub Pages 会忽视掉下横线开始的文档

运行项目并浏览实际效果。

在这儿，您能够运行项目并见到实际效果。应用下列指令运行新项目:

docsify serve docs

过程键入:http://localhost:3000。

1.配备左边导航条。

不建议配备。假如开展了配备，则无法显示当今内容的文件目录。

在docs文件目录下，建立一个新的md文件_sidebar.md，內容如下所示:

- 我的网站 - [第一章节目录](blog/博客搭建.md)

在index.html文档中配备它。向置入的js脚本制作中加上下列语句:

loadSidebar: true

2.配备封面图。

该方法与上边配备的左边导航条同样。

最先，建立一个新的md文件_coverpage.md，这也是您的封面图內容。

# Myblogs> 我的网站[CSDN](https://blog.csdn.net/xxx)[滚动鼠标](#introduction)

随后改动index.xml文件中的js脚本制作配备，并加上一句话:

coverpage: true

3.配备首页。

实际上是docs文件目录下README.md文件的內容。

大家从来没有照料过他，默认设置是如此的:

更改它，并穿上你的吓人的历经或标识。

# 个人介绍

布署到Github。

登陆github帐户，创建库房。

建立一个当地库房并消息推送到github。

右键单击git Bash Here开启Gitcmd复位一个库房，将全部blog文档递交到Git当地库房。

涉及到指令如下所示:

git init // 复位一个库房git add -A // 加上全部文件名到储存区，也就是交到由git管理方法着git commit -m "myblogs first commit" // 递交到git仓库，-m后边是注解git remote add origin https://github.com/xxx/myblogs.gitgit push -u origin master // 消息推送到远程控制myblogs库房

依照里面的指令次序，沒有其他出现意外，大家当地的myblogs早已同歩到github了。

应用Github网页页面。

在我的网站库房下，挑选设定选择项，寻找GitHub Pages菜单栏，随后挑选Source下的主支系/文本文档文件夹选项。你可以进行它。