博客使用

在前两篇博客已经搭建好了hexo-github博客平台,现在就开始添加小功能和正式写博客了

一、添加小工具

如:评论功能,技术功能,博客语言设置,侧边栏设置,分享,站内搜索等等 见next主题

二、写一篇博客

1.创建博客

在hexo初始化目录下右键打开Git Bash,执行 hexo new "blog-name"其中blog-name表示博客的名字,根据自己需要自己改。会在/source_posts目录下生成相应的.md文件,使用相应的工具可以更加便捷的编辑博客。

2.编辑博客

上一步生成的.md文件就是你的博客了,怎么编辑呢?

a. 关于Markdown

hexo支持Markdown语法。
关于Markdown:
Markdown 是一种轻量级的「标记语言」,它的优点很多,目前也被越来越多的写作爱好者,撰稿者广泛使用。看到这里请不要被「标记」、「语言」所迷惑,Markdown 的语法十分简单。常用的标记符号也不超过十个,这种相对于更为复杂的HTML 标记语言来说,Markdown 可谓是十分轻量的,学习成本也不需要太多,且一旦熟悉这种语法规则,会有一劳永逸的效果。

b. 实时预览——MarkdownPad2

编辑博客,当然可以用记事本这类工具,也可以选用高级一点的工具,像markdownPad这样的,可以实时预览,就是一边敲,一边就可以看到效果了。

c. 常用Markdown语法以及使用技巧

  1. 自动生成的.md文件包含
    title: 博客使用  两个空格
    date: 2016-03-15 19:57:03
    tags: 教程
    在每一行最后敲两个空格可以换行;
  2. 标题
    # 大标题
    ## 二级标题 记得加空格 #号加上空格加上标题名称, 即表示标题,#号个数表示标题级数最多6个
  3. 加粗: * * 包裹要粗体的内容
  4. 列表: 数字加上英文的句号,如1.,也可以用*
  5. 文字超链接: 选择菜单中的插入->超链接即可;
  6. 插入图片: 建议把图片放在图床,直接在菜单中选择插入图片,填写链接即可,这样比较方便;
  7. 分隔线: 使用”---“或“===”;
  8. 代码段: 用一对“ ``` ”来包裹代码段即可。
  9. 首页显示博客摘要,而不显示全文,博客显得不那么臃肿。在<!--more-->之前的会显示为摘要

3.上传博客

根据仓库地址设置好后,在hexo初始化目录右键,

选择Git Bash Here,打开Git 命令行,执行 hexo g,相当于编译博客,应该和我的差不多,

报错的话应该是白色的错误报告,红色的error字样;

生成后没问题就可以上传到远程仓库啦,这时候可以先执行 hexo s 在本地模拟一下,看是不是自己想要的结果,毕竟上传上去再在网上看到效果和自己想要的不一样又要重新来搞,不如先在本地看一下。

执行完成后,访问http://localhost:4000即可在本地查看自己的网站。没有问题的话就可以上传啦,执行hexo d即可完成部署。

过程中会要求输入用户名和密码。上传完成就可以看到写好的博客已经上线啦。

三、博客SEO

1. 给站点添加sitemap网站地图

Sitemap 可方便网站管理员通知搜索引擎他们网站上有哪些可供抓取的网页。最简单的 Sitemap 形式,就是XML 文件,在其中列出网站中的网址以及关于每个网址的其他元数据,以便搜索引擎可以更加智能地抓取网站。
sitemap就是告诉搜索引擎你的网站有哪些页面,方便搜索引擎抓取,就像一个地图,所以形象的称为网站地图。
那么如何生成sitemap呢?

  1. 首先安装sitemap插件

    1
    2
    3
    4
    5
    6
    if your hexo version is 2.x.x, you should install as follow:  
    如果你的hexo版本是2.XX的版本使用下面的命令
    $ npm install hexo-generator-baidu-sitemap@0.0.8 --save
    if version is 3.x.x, you should install as follow:
    如果你的hexo版本是3.XX的版本使用下面的命令
    $ npm install hexo-generator-baidu-sitemap@0.1.1 --save
  2. 如何查看hexo版本
    在Git Bah 中执行 hexo -version第一行即可看到hexo版本。

  3. 我的hexo装了哪些插件呢?
    在hexo初始化目录下有一个文件叫做package.json可在记事本中打开,里面列出了hexo安装的所有插件。

  4. 如何删除插件呢?
    在Git Bash 中执行 npm remove 插件名 (插件名就是package.json中引号里面的内容),就可以删除相应插件。

  5. 在hexo站点_config.yml中间添加代码

    1
    2
    3
    4
    5
    # hexo sitemap网站地图  
    sitemap:
    path: sitemap.xml
    baidusitemap:
    path: baidusitemap.xml
  6. 生成sitemap.xml和baidusitemap.xml
    执行hexo g即可生成这两个文件,sitemap是提交给谷歌的,baidusitemap是提交给百度的。

2.添加蜘蛛协议robots.txt

在hexo目录下的source目录下,新建robots.txt,复制代码:

1
2
3
4
5
6
7
8
9
10
# hexo robots.txt
User-agent: *
Allow: /

Disallow: /js/

Disallow: /css/
Disallow: /fonts/

Sitemap: http://www.lovexing.cn/sitemap.xml

Sitemap: http://www.lovexing.cn/baidusitemap.xml

将最后的域名改成自己的就可以了。

坚持原创技术分享,您的支持将鼓励我继续创作!