claire9518.github.io's Introduction
claire9518.github.io's People
claire9518.github.io's Issues
test
test
事实证明,不要随便更新N1的内核
另外,Rufus确实是个好东西。然而我已经废了一个U盘了
睡了睡了
Mobile test
test
Gmeek快速上手
Gmeek 一个博客框架,超轻量级个人博客模板,完全基于
Github Pages
、Github Issues
和Github Actions
,可以称作All in Github
。不需要本地部署,从搭建到写作,只需要18秒,2步搭建好博客,第3步就是写作。一、安装
安装及其简单,但是也要认真看下面的步骤,一步一步来。
- 【创建仓库】点击通过模板创建仓库,建议仓库名称为
XXX.github.io
,其中XXX
为你的github用户名。- 【启用Pages】在仓库的设置
Settings
中Pages->Build and deployment->Source
下面选择Github Actions
。- 【开始写作】打开一篇issue,开始写作,并且必须添加一个
标签Label
(至少添加一个),再保存issue后会自动创建博客内容,片刻后可通过https://XXX.github.io* 访问。- 【手动全局生成】这个步骤只有在修改
config.json
文件或者出现奇怪问题的时候,需要执行。通过Actions->build Gmeek->Run workflow->里面的按钮全局重新生成一次二、配置文件
按照安装步骤成功搭建好后,就可以阅读下面的内容修改配置文件啦。
注意修改配置文件后一定要手动全局生成一次,不然会报错。
如果对json
格式不熟悉,建议先简单学习一下。
config.json
文件就是配置文件,在创建的仓库内可以找到,对应修改为自己的即可。{ "title":"Meekdai", "subTitle":"童话是一种生活态度,仅此而已。", "avatarUrl":"https://github.githubassets.com/favicons/favicon.svg", "GMEEK_VERSION":"last" }以上是必须的字段,下面是可以自定义字段的描述,可以选择加入到
config.json
中。"displayTitle":"Meekdai", "homeUrl":"http://blog.meekdai.com", "faviconUrl":"https://github.githubassets.com/favicons/favicon.svg", "email":"[email protected]", "startSite":"02/16/2015", "filingNum":"浙ICP备20023628号", "onePageListNum":15, "singlePage":["about"], "iconList":{"music":"M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8Zm8-6.5a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13Z"}, "exlink":{"music":"https://music.meekdai.com"}, "commentLabelColor":"#006b75", "yearColorList":["#bc4c00", "#0969da", "#1f883d", "#A333D0"], "i18n":"CN", "UTC":8, "themeMode":"manual", "dayTheme":"light", "nightTheme":"dark_colorblind", "urlMode":"pinyin", "style":"", "script":"", "showPostSource":"1", "rssSplit":"sentence", "bottomText":"转载请注明出处",
配置参数 | 说明 |
---|---|
title | 【必填】博客标题 |
subTitle | 【必填】博客描述&自述 |
avatarUrl | 【必填】博客头像 |
GMEEK_VERSION | 【必填】Gmeek版本,一般写last 也可以用具体tag版本 |
displayTitle | 用于头像后面的标题展示,如果和title 一致则不用添加 |
homeUrl | 博客的主页地址,自定义域名时需要配置 |
faviconUrl | 页面的favicon地址,如果和avatarUrl一致则不用添加 |
用于自动提交仓库时用,不添加也可以 | |
startSite | 用于页面底部显示网站运行天数 |
filingNum | 用于页面底部显示备案信息 |
onePageListNum | 用于首页每页展示的文章数量 |
singlePage | 自定义独立页面,例如about 或者link 等 |
iconList | 用于定义singlePage按钮展示的SVG图标 (16px),about 和link 内置无需定义 |
exlink | 用于自定义首页右上角圆形按钮到外部链接功能,按钮图标定义在iconList中 |
commentLabelColor | 用于自定义显示评论数量标签的颜色 |
yearColorList | 用于自定义显示不同年份标签的颜色 |
i18n | 用于定义博客语言,目前支持EN /CN /RU |
UTC | 用于定义时区 |
themeMode | 用于定义主题模式,默认为manual ,也可选择fix 详细说明 |
dayTheme | 用于定义亮主题 |
nightTheme | 用于定义暗主题 |
urlMode | 用于定义文章链接生成模式,目前支持pinyin /issue /ru_translit |
style | 用于自定义文章页全局CSS |
script | 用于自定义文章页全局JavaScript |
showPostSource | 设置为1则在文章页显示issue链接按钮,设置为0则不显示 |
rssSplit | 设置RSS输出的截断符号,默认sentence 为第一句话,可配置其他特殊符号 |
bottomText | 用于设置文章页面右下角显示的内容 |
三、常见问题
1. 搭建不成功
多半是没有按照安装步骤来,其实搭建就这2步,不要自己乱点乱设置,就不会有问题。
- 案例一:没有成功 Gmeek#14*
- 案例二:哪里搞错了?按你的前三步也不行啊 Gmeek#18*
- 案例二:没看懂 readme,操作失败 Gmeek#20*
2. Actions执行失败
修改了
config.json
配置文件后,需要全局生成。另外label
标签没有打会出现这个问题。 建议通过Actions->build Gmeek->Run workflow->里面的按钮全局重新生成一次
- 案例一:无法输出文章 Gmeek#1*
- 案例二:能帮忙看下为什么action失败吗? Gmeek#10*
3. 如果要导入以前的文章,如何设置发布时间呢?
如需修改发布时间,可以在文章最后一行添加如下代码。里面的时间是采用时间戳的形式,可以用如下网站* 转换。
<!-- ##{"timestamp":1490764800}## -->
4. 自定义单篇文章页面的
style
和script
<!-- ##{"style":"<style>#postBody{font-size:20px}</style>"}## -->
<!-- ##{"script":"<script async src='//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js'></script>"}## -->
5. 可同时一起添加多种自定义参数:
<!-- ##{"script":"<script async src='//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js'></script>","style":"<style>#postBody{font-size:20px}</style>","timestamp":1490764800}## -->
6. 添加全局文章页面的
style
和script
在
config.json
文件中添加"style":"<style>#postBody{font-size:20px}</style>", "script":"<script async src='//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js'></script>",7. 置顶博客文章,只需要
Pin issue
即可。8. 如果在评论里面登录后评论报错,可直接按照提示安装
utteranc app
即可Error: utterances is not installed on xxx/xxx.github.io. If you own this repo, install the app. Read more about this change in the PR.
如何魔改
如果有朋友想修改博客的主题,或者添加一些东西,这个框架是支持魔改的。所有的UI都在templates文件中,可进行修改,如果合适,我会合并到主线,通过配置文件让用户选择哪个主题。
一些有趣的网站
试试手机提issue
2013年意味着什么?
还没有认识一些人
还没有发生很多事
那些人还没有离去
所有的未来都没有确定
是会让人在2024年,看到那年春晚开场视频之后,泪流满面的契机
多好啊
懵懂无知的年代
随便写写
生活还是要继续
总是有办法的
test
test
Gmeek快速上手
Gmeek 一个博客框架,超轻量级个人博客模板,完全基于Github Pages
、 Github Issues
和 Github Actions
,可以称作All in Github
。不需要本地部署,从搭建到写作,只需要18秒,2步搭建好博客,第3步就是写作。
一、安装
安装及其简单,但是也要认真看下面的步骤,一步一步来。
-
【创建仓库】点击通过模板创建仓库,建议仓库名称为
XXX.github.io
,其中XXX
为你的github用户名。 -
【启用Pages】在仓库的设置
Settings
中Pages->Build and deployment->Source
下面选择Github Actions
。 -
【开始写作】打开一篇issue,开始写作,并且必须添加一个
标签Label
(至少添加一个),再保存issue后会自动创建博客内容,片刻后可通过https://XXX.github.io 访问。 -
【手动全局生成】这个步骤只有在修改
config.json
文件或者出现奇怪问题的时候,需要执行。
通过Actions->build Gmeek->Run workflow->里面的按钮全局重新生成一次
二、配置文件
按照安装步骤成功搭建好后,就可以阅读下面的内容修改配置文件啦。
注意修改配置文件后一定要手动全局生成一次,不然会报错。
如果对json
格式不熟悉,建议先简单学习一下。
config.json
文件就是配置文件,在创建的仓库内可以找到,对应修改为自己的即可。
{
"title":"Meekdai",
"subTitle":"童话是一种生活态度,仅此而已。",
"avatarUrl":"https://github.githubassets.com/favicons/favicon.svg",
"GMEEK_VERSION":"last"
}
以上是必须的字段,下面是可以自定义字段的描述,可以选择加入到config.json
中。
"displayTitle":"Meekdai",
"homeUrl":"http://blog.meekdai.com",
"faviconUrl":"https://github.githubassets.com/favicons/favicon.svg",
"email":"[email protected]",
"startSite":"02/16/2015",
"filingNum":"浙ICP备20023628号",
"onePageListNum":15,
"singlePage":["about"],
"iconList":{"music":"M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8Zm8-6.5a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13Z"},
"exlink":{"music":"https://music.meekdai.com"},
"commentLabelColor":"#006b75",
"yearColorList":["#bc4c00", "#0969da", "#1f883d", "#A333D0"],
"i18n":"CN",
"UTC":8,
"themeMode":"manual",
"dayTheme":"light",
"nightTheme":"dark_colorblind",
"urlMode":"pinyin",
"style":"",
"script":"",
"showPostSource":"1",
"rssSplit":"sentence",
"bottomText":"转载请注明出处",
配置参数 | 说明 |
---|---|
title | 【必填】博客标题 |
subTitle | 【必填】博客描述&自述 |
avatarUrl | 【必填】博客头像 |
GMEEK_VERSION | 【必填】Gmeek版本,一般写last 也可以用具体tag版本 |
displayTitle | 用于头像后面的标题展示,如果和title 一致则不用添加 |
homeUrl | 博客的主页地址,自定义域名时需要配置 |
faviconUrl | 页面的favicon地址,如果和avatarUrl一致则不用添加 |
用于自动提交仓库时用,不添加也可以 | |
startSite | 用于页面底部显示网站运行天数 |
filingNum | 用于页面底部显示备案信息 |
onePageListNum | 用于首页每页展示的文章数量 |
singlePage | 自定义独立页面,例如about 或者link 等 |
iconList | 用于定义singlePage按钮展示的SVG图标 (16px),about 和link 内置无需定义 |
exlink | 用于自定义首页右上角圆形按钮到外部链接功能,按钮图标定义在iconList中 |
commentLabelColor | 用于自定义显示评论数量标签的颜色 |
yearColorList | 用于自定义显示不同年份标签的颜色 |
i18n | 用于定义博客语言,目前支持EN /CN /RU |
UTC | 用于定义时区 |
themeMode | 用于定义主题模式,默认为manual ,也可选择fix 详细说明 |
dayTheme | 用于定义亮主题 |
nightTheme | 用于定义暗主题 |
urlMode | 用于定义文章链接生成模式,目前支持pinyin /issue /ru_translit |
style | 用于自定义文章页全局CSS |
script | 用于自定义文章页全局JavaScript |
showPostSource | 设置为1则在文章页显示issue链接按钮,设置为0则不显示 |
rssSplit | 设置RSS输出的截断符号,默认sentence 为第一句话,可配置其他特殊符号 |
bottomText | 用于设置文章页面右下角显示的内容 |
三、常见问题
1. 搭建不成功
多半是没有按照安装步骤来,其实搭建就这2步,不要自己乱点乱设置,就不会有问题。
- 案例一:Meekdai/Gmeek#14
- 案例二:Meekdai/Gmeek#18
- 案例二:Meekdai/Gmeek#20
2. Actions执行失败
修改了config.json
配置文件后,需要全局生成。另外label
标签没有打会出现这个问题。
建议通过Actions->build Gmeek->Run workflow->里面的按钮全局重新生成一次
- 案例一:Meekdai/Gmeek#1
- 案例二:Meekdai/Gmeek#10
3. 如果要导入以前的文章,如何设置发布时间呢?
如需修改发布时间,可以在文章最后一行添加如下代码。里面的时间是采用时间戳的形式,可以用如下网站转换。
<!-- ##{"timestamp":1490764800}## -->
4. 自定义单篇文章页面的style
和script
<!-- ##{"style":"<style>#postBody{font-size:20px}</style>"}## -->
<!-- ##{"script":"<script async src='//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js'></script>"}## -->
5. 可同时一起添加多种自定义参数:
<!-- ##{"script":"<script async src='//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js'></script>","style":"<style>#postBody{font-size:20px}</style>","timestamp":1490764800}## -->
6. 添加全局文章页面的style
和script
在config.json
文件中添加
"style":"<style>#postBody{font-size:20px}</style>",
"script":"<script async src='//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js'></script>",
7. 置顶博客文章,只需要Pin issue
即可。
8. 如果在评论里面登录后评论报错,可直接按照提示安装utteranc app
即可
Error: utterances is not installed on xxx/xxx.github.io. If you own this repo, install the app. Read more about this change in the PR.
如何魔改
如果有朋友想修改博客的主题,或者添加一些东西,这个框架是支持魔改的。所有的UI都在templates文件中,可进行修改,如果合适,我会合并到主线,通过配置文件让用户选择哪个主题。
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.