使用github免费搭建个人博客后的写作及上传说明
项目地址:我的博客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免费搭建个人博客后的写作及上传说明相关推荐
- 使用hexo+github免费搭建个人博客网站超详细教程
博客地址http://dymfx.top/ 本文详细描述了如何在Github上,使用hexo部署博客. 一.Hexo简介 Hexo是一个快速.简洁且高效的博客框架,让上百个页面在几秒内瞬间完成渲染,H ...
- github免费搭建个人博客
一.Nodejs环境.git环境安装 注:本教程不做Nodejs.git环境的安装,如未安装,请自行百度 Nodejs官网 git官网 二.Hexo安装 hexo官网 安装Hexo npm insta ...
- 利用Github Page 搭建个人博客网站
利用Github Page 搭建个人博客网站 转载请注明出处: http://blog.csdn.net/tzs_1041218129/article/details/53214497 http:// ...
- GitHub+hexo搭建个人博客(2019新版超详细教程)
GitHub+hexo搭建个人博客详细教程 原文链接 : GitHub+hexo搭建个人博客详细教程 前言 随着互联网浪潮的翻腾,国内外涌现出越来越多优秀的社交信息分享者,随之优秀的信息分享平台也越来 ...
- Github+Hexo搭建个人博客(图文详解)
文章目录 使用Github+hexo搭建个人博客(不会让小伙伴们走弯路) 1. 准备工作:安装两个我们本次所需要使用的软件: 2. 注册Github账号以及建立仓库:[https://github.c ...
- Github Pages搭建个人博客(2018年10月版)
Github Pages搭建个人博客(2018年10月版) 前言 几年前看到网上大神自己搭建的个人博客网站,就想过搭建一个属于自己的个人博客网站,为此还专门去研究了建站所需技能,但是购买了域名和云虚拟 ...
- github项目怎么运行_利用 GitHub 从零开始搭建一个博客
"NightTeam",一个值得加星标的公众号. 趁着周末,搭建了一下 NightTeam 的官方博客和官方主页,耗时数个小时,两个站点终于完工了. 由于 NightTeam 的域 ...
- 【Web】Hexo+Butterfly+Github+Coding搭建个人博客
个人博客: http://www.milovetingting.cn Hexo+Butterfly+Github+Coding搭建个人博客 背景 之前用docsify搭建了一个简单的博客,但是docs ...
- 利用 GitHub 从零开始搭建一个博客
"NightTeam",一个值得加星标的公众号. 趁着周末,搭建了一下 NightTeam 的官方博客和官方主页,耗时数个小时,两个站点终于完工了. 由于 NightTeam 的域 ...
- 如何利用 GitHub 从零开始搭建一个博客
趁着周末,搭建了一下 NightTeam 的官方博客和官方主页,耗时数个小时,两个站点终于完工了. 由于 NightTeam 的域名是 nightteam.cn,所以这里官方博客使用了二级域名 blo ...
最新文章
- Atitit.提升 升级类库框架后的api代码兼容性设计指南
- request.getParameterValues与request.getParameter的区别 想搞清楚为什么前者返回的是数组...
- php添加管理员页面完整代码,php – Opencart管理员端的空白页面
- Spring Ioc 之 Bean的加载(3):createBean()
- 2通过程序获得环境变量,getenv(),setenv()函数和unsetenv()函数,env查看环境变量,echo输出指定的环境变量
- JSON数据表示格式简介(JavaScript对象表示法)
- 花了100多去KTV不是唱歌,竟然是……
- java 驼峰自动映射_总结springboot开启mybatis驼峰命名自动映射的三种方式
- 黑客帝国装逼的代码雨
- 微信小程序最全Tab选项卡,你要的功能都在这里啦
- 恒生电子 招聘FPGA开发/验证工程师
- 级数ex展开_方亚斌---用ex的幂级数展开式编拟高考题
- c语言if函数的作用是什么意思,if是什么意思_if,意思_词汇大全意思全集
- Struck跟踪算法介绍及代码解读(二)
- curl 访问 IPv6 url
- DMCTF writeup
- INS/GNSS组合导航(十二)如何读懂MEMS惯性器件精度?
- (四)进程的生命周期——起源
- linux 解压所有以zip结尾的文件_Linux下的压缩zip,解压缩unzip命令详解及实例
- js清空input类型为type的文件框的内容
热门文章
- 公交车查询系统软件测试,公交APP评测:谁是最好用的公交线路查询软件?
- c语言小球碰壁,小球碰壁效果
- python爬取起点vip小说章节_python 爬取qidian某一页全部小说
- 每个程序员都应该知道的事情
- HDOJ-----5773The All-purpose Zero(LIS)
- ElasticSearch内存优化
- 口袋精灵java源码_0428数字口袋精灵app优化
- 记录一下C#使用SmtpClient发送网易163、126邮件使用sll协议失败的坑
- GameFi 在宏观趋势上出现下滑,但个别项目却大放异彩| April Monthly Report
- awd的批量脚本 pwn_记一次AWD反杀之旅