简易快捷:免费搭建个人网页指南
首先,让我们预览一下将创建的个人网页的整体效果。
在线预览我的个人网页
你可以直接复制我的网页仓库。点击这里进入并fork我的网页仓库,之后在你自己的仓库下会看到刚复制的仓库。
接下来的操作都是在你自己的仓库中完成的。
修改网页名称进入你的网页仓库,将网页名称更改为你的用户名。
GitHub 页面解析时寻找的是这个 username 的 .github.io 仓库名。
此时,如果你没有遇到意外的话,打开域名 https://yourname.github.io 就能看到你刚搭建的网页了。记得替换 yourname 为你的 GitHub 用户名。
[博客配置部分]
当你点击域名时看到的仍然是我的博客配置,显示的博客名字也是我的。你需要更改配置,让这些变为属于你自己的。
博客的配置文件位于仓库根目录下的 _config.yml 文件中,直接打开它进行编辑。
根据需要修改以下配置:
- 博客名称和描述:根据自己的喜好填写。
- 博客社交链接:在这里配置你的社交媒体链接按钮,没有配置的不显示。我目前设置为知乎、邮箱、GitHub 账号三个选项。
[评论功能]
下面是你需要添加的评论功能的配置(基于 Gitalk):
gitalk:
clientID: '<your-client-id>'
clientSecret: '<your-client-secret>'
repo: '<your-repository-name>'
owner: '<your-GitHub-username>'
其中 clientID 和 clientSecret 需要点击这里创建绿色按钮来生成这两个 ID。成功后,你将获得这两个 ID,然后修改配置。
[谷歌分析代码]
如果你不介意的话可以跳过这一节。但需要注意,不要保留配置中的 google_analytics: U-XXXXXXX-X 项,否则统计的数据会归到我这里。
#EntreroryGoogle Analytics web tracking code (e.g., U-1198-) to activate tracking
google_analytics: U-XXXXXXX-X
下面是我的网站实时分析页面展示:
由于某些不可描述的原因,国内注册账号可能会遇到问题。所以,如果不配置也没关系。
[博客网址配置]
博客网址配置:#YourPersonalWebsiteURL(e.g., github.com/yourname)
Used for Sitemap.xml and RSS feed: https://yourname.github.io
在这里配置你自己的博客地址。
[配置提交]
对 _config.yml 文件的修改需要提交才能生效,点击提交按钮即可。
现在输入上面提到的个人网页地址,回车,你拥有了自己的个人网页。
如何开始写作好了,你的个人网页已经搭建完成。
感谢 Jekyll 提供的技术支持,才有了这个网页。
感谢 Loffer:https://fromendworld.github.io/LOFFER/docment/ 提供的原始模板,我在其上进行了二次开发。
创作不易,点赞关注支持一下吧!我会持续分享关于软件开发和程序员的故事,欢迎关注。
[了解更多]
[查看原文]