Github+Hexo搭建个人网站(三)

前言

上一章我们已经成功绑定了个性域名,使得我们能够通过浏览器输入自己的域名从而访问到个人网站。并且在此基础上我们还可以根据个人喜好选择合适的网站主题。现在个人网站已经成型,更重要的内容部分就需要我们自己来编辑并发布到网站上,这一章的主要内容就是如何编辑文章并上传到网站上

准备工作

  • Markdow编辑器
    Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。Markdown语法简洁明了、容易掌握,而且功能比纯文本更强,因此写博客使用它,可以让用户更加专注的写文章,而不需要费尽心力的考虑样式,相对于html已经算是轻量级语言,像有道云笔记也支持Markdown写作。并且Markdown完全兼容html,也就是可以在文章里直接插入html代码。本人使用的Markdown编辑器是MarkdownPad作业部落。Markdown编辑语法十分简单,详细教程请点击这里

  • 寻找合适的图床
    当文章中要插入图片时,如果只是少量图片,可以直接把图片存放在source文件夹中,很显然这样做的坏处是为图片会占据大量的存储的空间,加载的时候相对缓慢 ,这时考虑把文章里的图片上传到某一网站,然后获得外部链接,使用Markdown语法

    ! [图片信息] (外部链接)

    完成图片的插入,这种网站就被成为图床。

开始编辑文章

  • 在blog目录下打开命令行输入以下命令:

hexo new “test”

此时在blog/source/_post目录下能看到新 生成的 test.md文件,用markdown编辑 器打开,如图

  • 在编辑框里编辑文档
    在这里简单说明Markdown编辑语法

    • 标题语法:

      演示效果:

    • 分级标题:

      演示效果

    • 引用

      演示效果

    • 序号嵌套

      演示效果

      • 标记

        演示效果

使用这几个基础语义语法能够完成大部分文章编辑,更详细语法参见上面给出的链接

发布文章

  • 在blog目录下打开命令行输入:

    hexo g
    hexo d

  • 浏览器中输入域名查看个人网站

小结
到此为止,我们从零开始搭建个人网站项目到上传网站内容已经全部完成。本次项目也到此结束,下一章将会是总结在这个项目过程中遇到的问题及解决方案

您的支持将鼓励我继续创作!