前言
上一章我们已经成功绑定了个性域名,使得我们能够通过浏览器输入自己的域名从而访问到个人网站。并且在此基础上我们还可以根据个人喜好选择合适的网站主题。现在个人网站已经成型,更重要的内容部分就需要我们自己来编辑并发布到网站上,这一章的主要内容就是如何编辑文章并上传到网站上
准备工作
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
- 浏览器中输入域名查看个人网站
小结
到此为止,我们从零开始搭建个人网站项目到上传网站内容已经全部完成。本次项目也到此结束,下一章将会是总结在这个项目过程中遇到的问题及解决方案