使用github免费搭建个人博客后的写作及上传说明

项目地址:我的博客github项目地址
个人博客网站:欢迎进入我的博客
本篇文章介绍如何在博客搭建好的基础上,使用它,使用它来写博客,更新博客页面

第一种方法:本地编辑,上传到github

首先,从我的github个人博客项目仓库克隆出该工程到本地。
fxjzzyo.github.io文件夹是从github clone来的整个工程。其下的_posts文件是所有的博客文件,博客采用markdown格式,文件名必须是时间+标题形式。
如下图所示:

使用github免费搭建个人博客后的写作及上传说明_第1张图片

使用github免费搭建个人博客后的写作及上传说明_第2张图片

然后就可以在本地编辑博客了:

1. 手动在本地写完一篇博客后,保存成上述形式,并放于_posts文件夹下。

2. 打开git bash,命令切换到fxjzzyo.github.io文件夹。

3. 使用git命令将新增文件上传至github即可,即可更新页面。

命令为:
1. git add _posts
2. git commit -m "更新说明"
3. git push origin master

这是上传所有文件,当然它也只是检测到新增了一个文件,只会上传那一个文件的。也可以根据需要上传指定的文件,使用“git add 某某文件名” 即可。

可能要过一会儿才能在网页上看到更新。

关于网页的界面参数设置在fxjzzyo.github.io文件夹下的_config.yml文件中。可根据需要修改。
如:可以修改每页显示的博客个数,只需修改_config.yml文件中的paginate: 5即可。当前表示每页显示5个


第二种方法:在线编辑

有一个好用的在线编辑工具:Prose
打开浏览器,在地址栏输入:http://prose.io,回车,即可打开Prose登录页,使用自己的github账号登录,或者使用自己的github账号授权登录就行了。如下图:

使用github免费搭建个人博客后的写作及上传说明_第3张图片

授权登录后,会自动跳转到一个展示了自己所有的github工程的列表页面。如下图:

使用github免费搭建个人博客后的写作及上传说明_第4张图片

点击我的博客项目,即可进入该项目代码目录。
找到_posts文件夹,打开进去,就可以在线编辑以往的博客,或者新增博客了。

使用github免费搭建个人博客后的写作及上传说明_第5张图片

点击NEW FILE,新增一篇博客。

使用github免费搭建个人博客后的写作及上传说明_第6张图片

如上图所示,写的很清楚了。
什么?不知道什么是meta data?好吧,只需要知道它是用来给博客添加描述信息的就行了。如标签、分类、描述等。
举个栗子:点击meta data按钮,如下图。在框中输入meta信息,照着这个格式就行了。

使用github免费搭建个人博客后的写作及上传说明_第7张图片

published: true
layout: post
tags:
  - sae
categories: other
description: 本文章将介绍如何使用新浪云SAE搭建一个公网可访问的网页应用。

主要作用是给自己的文章添加分类、标签、描述,以便于博客展示的时候有分类和标签。其中published: true指明保存后就发布。注意:1. 冒号后有个空格;2. 添加多个tag时应换行再- tag

效果见下图:
使用github免费搭建个人博客后的写作及上传说明_第8张图片

写完之后,点击保存按钮,也就是右侧最后一个按钮。它会提示你填写本次修改的描述信息。你填写的这些信息会在你的github上看到,描述了每次修改所做的工作。

使用github免费搭建个人博客后的写作及上传说明_第9张图片

至此,两种写作方法介绍完毕!

我现在觉得第二种方法,在线编辑更方便一些了。毕竟只需要网页编辑就行了,还可以轻松添加图片。这和在csdn写博客没什么区别了。
第一种方法,本地编写再上传,我现在只会用记事本写,最后再修改为.md格式,还要用到git。。。太麻烦了。
幸好,有Prose这个东西。真的太好了。一定要记住http://prose.io这个网址!

你可能感兴趣的:(其他)