我的个人博客:https://king-hcj.github.io/,欢迎 Star 和 Fork。
- 浏览器是如何工作的:Chrome V8 让你更懂JavaScript
- 六个问题助你理解 React Fiber
- 47 张图带你走进浏览器的世界
- 你应该知道的前端技术浪潮与应用
- 从前端打字机效果的 N 种实现看JS定时器机制和前端动画
- 可以遍历大部分数据类型的 for…of 为什么不能遍历普通对象?
- JavaScript很简单?那你理解的forEach真的对吗?
- 前端自动化、工程化原理与实践(一)
- CSS知识点汇总
- 趣谈HTTPS对称加密与非对称加密——如何在微信群里进行私密会话
- 箭头函数和普通函数的区别
- 关于 Markdown 的一些奇技淫巧
- JS技巧技法总结——闭包原理、数组展平、前端语音、Proxy 数据绑定和监听、计数器
- 图解 SQL 里的各种 JOIN
- VBA 在 Excel 中的常用操作
- 纯前端实现页面检测更新提示
- Elasticsearch实践与总结 - Elasticsearch列表搜索公共方法封装
- Go语言入门与实践 - SQL转ES查询语句
- Node.js笔记 - 自动创建文件脚本
- 纯前端生成和解析Excel
- 常用工具方法总结
- 月份范围选择器
- 前端错误处理
- react+AntD 实现CRON表达式生成器
Fork 本项目之后,还需要做一些事情才能让你的页面「正确」跑起来。
-
正确设置项目名称与分支。
按照 GitHub Pages 的规定,名称为
username.github.io
的项目的 master 分支,或者其它名称的项目的 gh-pages 分支可以自动生成 GitHub Pages 页面。 -
修改域名。
如果你需要绑定自己的域名,那么修改 CNAME 文件的内容;如果不需要绑定自己的域名,那么删掉 CNAME 文件。
-
修改配置。
网站的配置基本都集中在 _config.yml 文件中,将其中与个人信息相关的部分替换成你自己的,比如网站的 url、title、subtitle 和第三方评论模块的配置等。
评论模块: 目前支持 disqus、gitment 和 gitalk,选用其中一种就可以了,推荐使用 gitalk。它们各自的配置指南链接在 _config.yml 文件的 Comments 一节里都贴出来了。
注意: 如果使用 disqus,因为 disqus 处理用户名与域名白名单的策略存在缺陷,请一定将 disqus.username 修改成你自己的,否则请将该字段留空。该缺陷的记录参见 Issues#2。
-
删除我的文章与图片。
如下文件夹中除了 template.md 文件外,都可以全部删除,然后添加你自己的内容。
- _posts 文件夹中是我已发布的博客文章。
- _drafts 文件夹中是我尚未发布的博客文章。
- _wiki 文件夹中是我已发布的 wiki 页面。
- images 文件夹中是我的文章和页面里使用的图片。
-
修改「关于」页面。
pages/about.md 文件内容对应网站的「关于」页面,里面的内容多为个人相关,将它们替换成你自己的信息,包括 _data 目录下的 skills.yml 和 social.yml 文件里的数据。
-
安装 ruby(Ruby+Devkit, ffi requires Ruby version >= 2.2, < 2.7.dev。ruby 安装完,会出现有个选项,让你安装 MSYS2,如果没有勾选,后面自己打开 cmd,输入
ridk install
进行 MSYS2 的安装,会出现让你选择 123,选 3 就行。装好会让你再做一次 123 选择,这个时候不需要选了,直接 enter 退出就行了)。安装 jekyll(gem install jekyll
);jekyll serve
或者bundle exec jekyll serve
启动项目(如果报Could not find concurrent-ruby-1.1.5 in any of the sources (Bundler::GemNotFound)
,可尝试运行bundle install
)。运行相关问题可参考:
- 如果出现类似
Liquid Exception: undefined method 'map' for false:FalseClass Did you mean?
的报错,可尝试删除_site
目录然后重试。
-
排版建议遵照一定的规范,推荐 中文文案排版指北(简体中文版)。
-
在本地预览博客效果可以参考 Setting up your Pages site locally with Jekyll。
-
简约,尽量每个页面都不展示多余的内容。
-
有时一图抵千言,有时可能只会拖慢网页加载速度。
-
言之有物,不做无痛之呻吟。
-
如果写技术文章,那先将技术原理完全理清了再开始写,一边摸索技术一边组织文章效率较低。
-
杜绝难断句、难理解的长句子,如果不能将其拆分成几个简洁的短句,说明脑中的理解并不清晰。
-
可以学习一下那些高质量的博主,他们的行文,内容组织方式,有什么值得借鉴的地方。
本博客外观基于 DONGChuan 修改,感谢!