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

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

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

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

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工程的列表页面。如下图:

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

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

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

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

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

效果见下图:

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

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

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

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

  1. 使用hexo+github免费搭建个人博客网站超详细教程

    博客地址http://dymfx.top/ 本文详细描述了如何在Github上,使用hexo部署博客. 一.Hexo简介 Hexo是一个快速.简洁且高效的博客框架,让上百个页面在几秒内瞬间完成渲染,H ...

  2. github免费搭建个人博客

    一.Nodejs环境.git环境安装 注:本教程不做Nodejs.git环境的安装,如未安装,请自行百度 Nodejs官网 git官网 二.Hexo安装 hexo官网 安装Hexo npm insta ...

  3. 利用Github Page 搭建个人博客网站

    利用Github Page 搭建个人博客网站 转载请注明出处: http://blog.csdn.net/tzs_1041218129/article/details/53214497 http:// ...

  4. GitHub+hexo搭建个人博客(2019新版超详细教程)

    GitHub+hexo搭建个人博客详细教程 原文链接 : GitHub+hexo搭建个人博客详细教程 前言 随着互联网浪潮的翻腾,国内外涌现出越来越多优秀的社交信息分享者,随之优秀的信息分享平台也越来 ...

  5. Github+Hexo搭建个人博客(图文详解)

    文章目录 使用Github+hexo搭建个人博客(不会让小伙伴们走弯路) 1. 准备工作:安装两个我们本次所需要使用的软件: 2. 注册Github账号以及建立仓库:[https://github.c ...

  6. Github Pages搭建个人博客(2018年10月版)

    Github Pages搭建个人博客(2018年10月版) 前言 几年前看到网上大神自己搭建的个人博客网站,就想过搭建一个属于自己的个人博客网站,为此还专门去研究了建站所需技能,但是购买了域名和云虚拟 ...

  7. github项目怎么运行_利用 GitHub 从零开始搭建一个博客

    "NightTeam",一个值得加星标的公众号. 趁着周末,搭建了一下 NightTeam 的官方博客和官方主页,耗时数个小时,两个站点终于完工了. 由于 NightTeam 的域 ...

  8. 【Web】Hexo+Butterfly+Github+Coding搭建个人博客

    个人博客: http://www.milovetingting.cn Hexo+Butterfly+Github+Coding搭建个人博客 背景 之前用docsify搭建了一个简单的博客,但是docs ...

  9. 利用 GitHub 从零开始搭建一个博客

    "NightTeam",一个值得加星标的公众号. 趁着周末,搭建了一下 NightTeam 的官方博客和官方主页,耗时数个小时,两个站点终于完工了. 由于 NightTeam 的域 ...

  10. 如何利用 GitHub 从零开始搭建一个博客

    趁着周末,搭建了一下 NightTeam 的官方博客和官方主页,耗时数个小时,两个站点终于完工了. 由于 NightTeam 的域名是 nightteam.cn,所以这里官方博客使用了二级域名 blo ...

最新文章

  1. Atitit.提升 升级类库框架后的api代码兼容性设计指南
  2. request.getParameterValues与request.getParameter的区别 想搞清楚为什么前者返回的是数组...
  3. php添加管理员页面完整代码,php – Opencart管理员端的空白页面
  4. Spring Ioc 之 Bean的加载(3):createBean()
  5. 2通过程序获得环境变量,getenv(),setenv()函数和unsetenv()函数,env查看环境变量,echo输出指定的环境变量
  6. JSON数据表示格式简介(JavaScript对象表示法)
  7. 花了100多去KTV不是唱歌,竟然是……
  8. java 驼峰自动映射_总结springboot开启mybatis驼峰命名自动映射的三种方式
  9. 黑客帝国装逼的代码雨
  10. 微信小程序最全Tab选项卡,你要的功能都在这里啦
  11. 恒生电子 招聘FPGA开发/验证工程师
  12. 级数ex展开_方亚斌---用ex的幂级数展开式编拟高考题
  13. c语言if函数的作用是什么意思,if是什么意思_if,意思_词汇大全意思全集
  14. Struck跟踪算法介绍及代码解读(二)
  15. curl 访问 IPv6 url
  16. DMCTF writeup
  17. INS/GNSS组合导航(十二)如何读懂MEMS惯性器件精度?
  18. (四)进程的生命周期——起源
  19. linux 解压所有以zip结尾的文件_Linux下的压缩zip,解压缩unzip命令详解及实例
  20. js清空input类型为type的文件框的内容

热门文章

  1. 公交车查询系统软件测试,公交APP评测:谁是最好用的公交线路查询软件?
  2. c语言小球碰壁,小球碰壁效果
  3. python爬取起点vip小说章节_python 爬取qidian某一页全部小说
  4. 每个程序员都应该知道的事情
  5. HDOJ-----5773The All-purpose Zero(LIS)
  6. ElasticSearch内存优化
  7. 口袋精灵java源码_0428数字口袋精灵app优化
  8. 记录一下C#使用SmtpClient发送网易163、126邮件使用sll协议失败的坑
  9. GameFi 在宏观趋势上出现下滑,但个别项目却大放异彩| April Monthly Report
  10. awd的批量脚本 pwn_记一次AWD反杀之旅