5分钟教你搭建小我私家博客,纯白嫖,花了一分钱你来打我

作者:亚博体app下载发布时间:2021-06-19 00:33

本文摘要:基于Github Pages + docsify,我花了一小时搭建好了小我私家博客还顺手还写了这篇文章效果:封面内容页履历之谈:就小我私家博客来讲,笔者已经折腾过许多了,用过WordPress、Typecho、Hexo等等,主机也用过基于免费的GitPages或者付费的VPS,最后都不了了之,原因要么是VPS到期了懒得续费,要么是数据迁移种种费心,博客要么是基于动态的好比WordPress需要数据库,要么是基于静态的好比Hexo,一迁移你将要面临的是一堆数据库的数据或者是H

亚博手机网页版

基于Github Pages + docsify,我花了一小时搭建好了小我私家博客还顺手还写了这篇文章效果:封面内容页履历之谈:就小我私家博客来讲,笔者已经折腾过许多了,用过WordPress、Typecho、Hexo等等,主机也用过基于免费的GitPages或者付费的VPS,最后都不了了之,原因要么是VPS到期了懒得续费,要么是数据迁移种种费心,博客要么是基于动态的好比WordPress需要数据库,要么是基于静态的好比Hexo,一迁移你将要面临的是一堆数据库的数据或者是HTML代码,移植都太贫苦。最后我挖掘了我两个焦点需求:免费,易移植,那么Github Pages + docsify完全满足了我的需求免费:Github Pages原来就是免费的易移植:docsify是基于js将md文档转换成html,盘算在客户端,不在服务器端,服务器只用存md,这个就很舒服了,以后你的博客数据不会是一堆数据库数据或者html代码,而是具有可读性的md文档,下面详细先容一下docsify和一般的使用Hexo、Jekyll、Hugo等博客框差别的是,支持Markdown花样,对法式员的博主们是很友好的。不用生成html文件,写完MD花样的博客直接往上一放,框架自己在运行时剖析渲染成html页面。

准备事情1、git情况,github账号windows下安装git可以看下这篇Git浅易教程之git简介及安装因为我们要使用Github Pages来部署我们的应用,请先注册下github的账号,官网:Github2、有node情况Windows下安装node情况简朴而言去官网下载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 registry3、简要说明一下步骤使用docsify下令生成文档站点在github上部署站点docsify官网地址:https://docsify.js.org/#/ docsify官网使用docsify下令生成文档站点安装docsify-cli 工具推荐安装 docsify-cli 工具,可以利便建立及当地预览文档网站。npm i docsify-cli -g因为我们已经安装了node情况,所以直接打开CMD窗口执行上面的下令就好了。

初始化一个项目docsify init ./docsindex.html 入口文件README.md 会做为主页内容渲染.nojekyll 用于阻止 GitHub Pages 会忽略掉下划线开头的文件启动项目,预览效果到这里,就可以启动项目,然后看下效果了。使用下面下令启动项目:docsify serve docs流程器输入:http://localhost:30001、设置左侧导航栏不建议设置,设置了就不能显示当前文章的目录在 docs目录下新建一个_sidebar.md 的md文件,内容如下:- 我的博客 - [第一章节](blog/博客搭建.md)在index.html文件中设置一下。

亚博体app下载

在内嵌的js剧本中加上下面这句:loadSidebar: true2、设置个封面套路和上面设置左侧导航栏是一样的。首先新建一个 _coverpage.md 的md文件,这内里的内容就是你封面的内容。

# Myblogs> 我的博客[CSDN](https://blog.csdn.net/xxx)[转动鼠标](#introduction)然后在index.xml文件中修改js剧本设置,添加一句:coverpage: true3、设置首页其实就是 docs目录下README.md` 文件的内容。我们一直没有管他,默认就是这个样子的:改一下,放上自己牛逼的履历或者是标签。# 小我私家简介部署到Github上登录github账号,建堆栈建立当地堆栈,推送到github右键Git Bash Here 打开git下令行初始化一个堆栈,并提交所有的博客文件到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 Pages在myblogs堆栈下,选中 Settings 选项,找到GitHub Pages 页签,在Source下面选择master branch / docs folder 选项。即可完成最后接待来观光一下我的博客:https://scriptwang.github.io/blog/#/。


本文关键词:5分钟,教你,搭建,小我,私家,博客,纯白,嫖,亚博手机网页版

本文来源:亚博体app下载-www.bluestardiamond-cameroon.com