新瓶装旧酒:全程无命令 GitHub Pages 创建您的博客站点
来源:互联网 发布:md5加盐加密java代码 编辑:程序博客网 时间:2024/06/05 19:45
使用 GitHub Pages 创建博客站点的文章很多,也有很长的历史了。但是,许多已经与当前的 GitHub 不一致了,如果你按图索骥,会发现驴唇对不上马嘴。
更为麻烦的是,你会发现或者需要你输入许多莫名其妙的命令,或者就是要您熟悉 Git。
你喜欢古怪的命令吗?反正我不喜欢。
这里可以让您不需要一个命令,在纯 Web 页面下,完成整个站点的创建和维护。
1. 申请 GitHub 账号
这一步就不介绍了,自己来吧。
2. 为您的博客站点创建一个专用仓库
在您的 GitHub 页面右上角,点击新建 + 按钮,在弹出的菜单中选择第一个 New repository。
确定后,会进入创建仓储详情的页面。这里需要注意两个地方:
- Repository name,这个名字在您的账号下必须是唯一的。
- 一定要选中 Initialize this repository with README
点击 Create repository 之后,稍等片刻,您的仓储已经成功创建,您会回到项目的首页。
3. 启用 Pages
点击 Setting 以便进入仓储的设置页面。见上图。
设置的内容很多,我们只需要关心 GitHub Pages 一个部分。我们往下找到 GitHub Pages 这一个配置节。
在这里,您需要启用 GitHub Pages。注释很清楚,当前 GitHub Pages 是禁用的,您需要选择一个分支来启用它。
要做的很简单,点击 None 这个下拉按钮,选择我们已经拥有的 master 分支,然后点击保存。
你会在 GitHub Pages 配置节中,出现一段提示,说您的站点已经可以访问了。
4. 选择您的主题
虽然理论上来说,您已经可以开始创建页面了。但是, 美观一点总是必要的,万一您不太熟悉 CSS 呢。
我们选择一个主题。
点击 GitHub Pages 配置节中,下面的 Choose a theme 按钮,会进入一个选择主题的页面,在页面上部是一个横向的主题列表供您挑选。
我挑了 Architect 这个主题,如果您没有找到,可以点击右边的下一屏进行挑选。
点击 Select theme 来确定您所选中的主题。
您会看到 GitHub 已经帮您重新替换了原有的 README.md。现在您并不需要编辑它,看看就好。
还记得您的站点地址吗?就是上面列出的这个:https://haoguanjun.github.io/myblog/,重新打开这个地址,您应该就可以看到默认生成的 README.md 这个页面了。
看起来还不错。
5. 创建第一个博客页面
对程序员来说,总是要创建一个 Hello, world. 的。我们创建一个 helloworld 页面作为第一个页面。
回到您的项目首页,找到 Create new file 这个按钮。
点击之后,进入创建新文件,就是我们自己的第一个页面的处理页面。
我们需要将这个页面保存到 _posts 文件夹中,名为 2017-08-25-hello.md。文件名的格式是规定好的,必须是:四位年份-二位月份-二位日期-名称.扩展名 的格式,否则不会被处理。
.md 表示您准备使用 markdown 语法。
您不能直接创建这个 _posts 文件夹,需要在创建文件的过程中附带创建。
现在输入框中输入文件夹的名字 _posts, 然后再输入分隔符 / , 您会看到文件夹已经有了,可以输入文件名了。
继续输入 2017-08-25-hello.md, 输入之后如下所示,就可以输入文件内容了。
- 新瓶装旧酒:全程无命令 GitHub Pages 创建您的博客站点
- 使用github pages创建博客
- 使用github pages创建博客
- github pages + hexo 搭建个人博客站点
- 利用Github pages 创建自己的私人博客
- Hexo+Github pages 创建一个属于自己的博客
- github pages帮助如何创建个人博客
- Windows使用Github Pages建博客站点并上传自己的网页
- [github]一、使用github pages 简单创建博客
- Pelican + Github Pages 搭建自己的博客
- 用gitHub pages搭建自己的博客
- Hexo + GitHub Pages 搭建博客的教程
- Hexo+GitHub Pages搭建的个人博客
- GitHub Pages博客托管
- github pages搭建博客
- github pages 博客搭建
- 如何快速创建漂亮的GitHub Pages
- Github Pages和Hexo创建静态博客网站
- JQuery中的事件和动画
- python 初学者环境安装问题
- python 多线程
- 商旅网站用户画像的解决方案
- 菱形继承和虚函数
- 新瓶装旧酒:全程无命令 GitHub Pages 创建您的博客站点
- opencv和opencv-contrib android版编译
- [NLP论文阅读] Learning Paraphrastic Sentence Embeddings from Back-Translated Bitext
- sdut-3332 数据结构实验之栈与队列五:下一较大值(一)
- spring上传文件报错Expected MultipartHttpServletRequest: is a MultipartResolver configured?
- 数人云PaaS Innovation 2017,重新定义PaaS进化
- Java的split详解
- 由 System.arraycopy 引发的巩固:对象引用 与 对象 的区别
- RBAC基于角色的访问控制 thinkphp