Open ZhuangRenyang opened 1 year ago
在我闲来无事的过程中我找到了一个我特别喜欢的个人博客网站； 然后：（放图~哦哦）
大佬”蝉时雨“，自己写的主题： 1、所用前端技术：vue 2、博客文章存储技术：Github issuses（就是原项目的讨论部分，分类，心情也是使用的，待会细讲） 3、博客评论技术：Gittalk (嗯，就是github提供的开发者设置里面有) 4、博客热度技术：LeanCloud (因为没有后端数据库方面，所以使用第三方存储)
传送门：蝉时雨的网站 传送门：蝉时雨的github
嘛，待会就以这几个部分讲解
先说好其实并不难，真的不难，按着来就行！！！ 思维图如下：
脑图版：
本次的仓库：
本次的要改动代码：
本次环境：
在食用 Aurora 主题之前，需先安装 Nodejs 和 Git 环境，这两步不必细说。环境安装完毕，由于 Aurora 使用 vue 开发，所以需要安装 vue-cli。
欧克，Let go
创建自己github的Pages（并把项目拉下来自己测试跑)
安装环境和拉取项目
需先安装 Nodejs 和 Git 环境，这两步不必细说
npm install -g @vue/cli-service-global
# clone 主题 git clone git@github.com:chanshiyucx/aurora.git # 进入主题目录 cd aurora # 安装依赖包 npm install # 本地预览 npm start
依赖包安装完毕，便可执行 npm start 本地预览效果，访问 http://localhost:8080/, 当然现在看到的是蝉时雨的博客
创建自己github的Pages 重点是 github pages库的创建，并且一个用户只能有一个Pages
1、测试
2、选主题
3、然后直接在网址输入自己的网址，（比如我的：liwangwang321.github.io）
我的是我的主题，你们是刚刚选择的主题。。。
这个时候我们已经简单的把大佬的主题拉下来了， 那么就开始第一次部署到自己的Pages上（啥也不改）
现在大佬的主题有一键部署的功能
修改内容
然后记得 Shift+右键 （用管理员的权限执行命令，我之前第一次没执行成功，然后使用管理员权限就行了）
成功
1、注册一个token令牌 这个token令牌是用来去访问github仓库的访问权限的设置。
成功后：
2、把注册完的token令牌设置到自己的项目中
**1.设置closed的issues**
设置labels(也可以设置分类)
2.设置open的issues
设置
3.书单，关于，友链格式规定（标签，分类设置） 书单：书单页面使用##做分割，内容示例如下：
## ES6 标准入门 author: 阮一峰 published: 2017-09-01 progress: 正在阅读... rating: 5, postTitle: ES6 标准入门 postLink: //chanshiyu.com/#/post/12 cover: //chanshiyu.com/yoi/2019/ES6-标准入门.jpg link: //www.duokan.com/book/169714 description: 柏林已经来了命令，阿尔萨斯和洛林的学校只许教 ES6 了...他转身朝着黑板，拿起一支粉笔，使出全身的力量，写了两个大字：“ES6 万岁！”（《最后一课》）。
友链：友链页面使用##做分割，内容示例如下：
## 阁子 link: //newdee.cf/ cover: //i.loli.net/2018/12/15/5c14f329b2c88.png avatar: //i.loli.net/2018/12/15/5c14f3299c639.jpg
关于：关于页面使用##做分割，内容示例如下：
## 关于 随便
标签设置
分类设置
文章模块 文章模板没有太多的格式约束，只需要在文章正文顶部加上封面配图即可，配图采用的是 markdown 的注释语法，所以并不会在正文里渲染，以后即使你更换博客主题，也不会影响内容的展示。
[pixiv: 41652582]: # 'https://raw.githubusercontent.com/chanshiyucx/yoi/master/bg/3.jpg'
位置：
新建引用
修改文件：
具体的可以去大佬的仓库看看 传送门：蝉时雨的github
账户要是国际版的
创建应用
修改配置
嘛，差不多了，其实要改变的配置就改变那个config.js就差不多了，
其他的感觉多玩下github就行，
啊啊，不过说实话之前还是不太会玩github来着，现在。。。。。
如果真的喜欢本主题的不妨可以试一试,仓库可以直接去看
蝉时雨
在我闲来无事的过程中我找到了一个我特别喜欢的个人博客网站； 然后：（放图~哦哦）
大佬”蝉时雨“，自己写的主题： 1、所用前端技术：vue 2、博客文章存储技术：Github issuses（就是原项目的讨论部分，分类，心情也是使用的，待会细讲） 3、博客评论技术：Gittalk (嗯，就是github提供的开发者设置里面有) 4、博客热度技术：LeanCloud (因为没有后端数据库方面，所以使用第三方存储)
传送门：蝉时雨的网站 传送门：蝉时雨的github
嘛，待会就以这几个部分讲解
1. 技术简单过
先说好其实并不难，真的不难，按着来就行！！！ 思维图如下：
脑图版：
本次的仓库：
本次的要改动代码：
本次环境：
在食用 Aurora 主题之前，需先安装 Nodejs 和 Git 环境，这两步不必细说。环境安装完毕，由于 Aurora 使用 vue 开发，所以需要安装 vue-cli。
欧克，Let go
1.2 Github Pages的部署(个人网址的托管)
创建自己github的Pages（并把项目拉下来自己测试跑)
安装环境和拉取项目
需先安装 Nodejs 和 Git 环境，这两步不必细说
依赖包安装完毕，便可执行 npm start 本地预览效果，访问 http://localhost:8080/, 当然现在看到的是蝉时雨的博客
创建自己github的Pages 重点是 github pages库的创建，并且一个用户只能有一个Pages
1、测试
2、选主题
3、然后直接在网址输入自己的网址，（比如我的：liwangwang321.github.io）
我的是我的主题，你们是刚刚选择的主题。。。
2、如何把自己本地的项目部署到自己的Pages
这个时候我们已经简单的把大佬的主题拉下来了， 那么就开始第一次部署到自己的Pages上（啥也不改）
现在大佬的主题有一键部署的功能
修改内容
然后记得 Shift+右键 （用管理员的权限执行命令，我之前第一次没执行成功，然后使用管理员权限就行了）
成功
1.3 Github issues (原功能是追踪项目的)
1、配置专门访问的token令牌
1、注册一个token令牌 这个token令牌是用来去访问github仓库的访问权限的设置。
成功后：
2、把注册完的token令牌设置到自己的项目中
2、设置(书单，灵感，友链，关于)、（分类，标签）
设置labels(也可以设置分类)
2.设置open的issues
设置
3.书单，关于，友链格式规定（标签，分类设置） 书单：书单页面使用##做分割，内容示例如下：
友链：友链页面使用##做分割，内容示例如下：
关于：关于页面使用##做分割，内容示例如下：
标签设置
分类设置
文章模块 文章模板没有太多的格式约束，只需要在文章正文顶部加上封面配图即可，配图采用的是 markdown 的注释语法，所以并不会在正文里渲染，以后即使你更换博客主题，也不会影响内容的展示。
1.4 Gitalk(评论系统)
1、设置一个评论应用
位置：
新建引用
2、把注册完的ID和Secret放到自己项目中
位置：
修改文件：
3、给每一个需要评论的文章或者（关于，书单，友链）建一个 issues
具体的可以去大佬的仓库看看 传送门：蝉时雨的github
1.5 LeanCloud(第三方管理数据﹐类似数据库的概念)
1、注册LeanCloud账户和创建应用
账户要是国际版的
创建应用
2、创建三个class(Comment,Counter,Visitor)
3、把对应的ID 和Key来修改自己配置
修改配置
2.0 后言
嘛，差不多了，其实要改变的配置就改变那个config.js就差不多了，
其他的感觉多玩下github就行，
啊啊，不过说实话之前还是不太会玩github来着，现在。。。。。
如果真的喜欢本主题的不妨可以试一试,仓库可以直接去看
传送门：蝉时雨的网站 传送门：蝉时雨的github