怎么写博客?

上一篇介绍了,如何在阿里云搭建属于自己的个人博客,如果还没搭建个人博客可以参考这两篇文章。

那么这一篇,就顺便写以下,如何写博客,以及如何去更改美化自己的 hexo,配置图床。让你知道大概的流程。接下来整整一篇,长文警告!!!

介绍

写博客需要了解 markdown 语法,我们还需要把图片放在我们的文章中,所以需要有一个专门能存放我们的图片并且展示的”图床“,而这里用的是 hexo 来部署博客的,所以你还需要了解 hexo 的一些命令。所以在写博客之前,我们需要大概了解以下的三个东西它们都是什么?

MarkDown 文件

hexo 是以 MarkDown 文件格式来渲染博客的。所以你需要懂得什么是 MarkDown。

Markdown 是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。可以简单的理解为博客的书写格式参照 MarkDown 语法来书写。它能快速帮我们生成 HTML + CSS 的样式,但你又不需要懂得 HTML和 CSS ,就可以生成简洁、舒服的文章格式。

对于MarkDown 的语法很简单,平均花个半小时左右就能大概记住。我就不多介绍了,你可以自行在百度上搜索即可,例如少数派的入门介绍,会比我介绍的更详细。

hexo 命令

在利用 hexo 部署博客,我们需要直到 hexo 命令,主要有四个

  • hexo clean

    这个命令是清除之前编译好的文件,如果你对之前的 .md 文件有修改的话或者修改了主题配置,可以先使用这个命令清除以下之前的文件。

  • hexo g

    该命令,就是为了把你的 .md 文件编译成静态网页文件,刚写好的博客文件,你需要先使用这个命令先编译。

  • hexo d

    这个命令也就是,把我们的编译好的静态文件推送到服务器(阿里云、GitHub、腾讯云等等)

  • hexo s

    • hexo s --debug //启动调试
      

    通过该命令,我们可以在本地访问我们的博客,即在浏览器输入 localhost:4000 就可以看到本地博客,主要是用在调试博客的样式或者查看自己 .md 文件生成样式是否符合自己所想

正常的流程,可以按照 hexo clean–>hexo g–>hexo d,就可以上传到自己的服务器了。如果需要本地调试博客,可以选择把最后一步换成 hexo s

图床

专门用来存放图片,同时允许你把图片对外连接的网上空间,不少图床都是免费的。因为写博客,少不了可能你要添加图片,而图片也不能直接写本地的绝对路径连接,所以我们需要存储图片的服务器,能够被对外访问。

国内有许多可以用来做图床,例如微博图床,又拍云,腾讯云 COS , 阿里云 OSS 等等。我自己用的是 阿里云 OSS。配合 PicGo 快速生成 MarkDown 的图片连接

工具

俗话说,工预善其事,必先利其器 。好的工具能够快速帮我们节省时间,并且事半功倍。

书写工具 - typora

它支持且仅支持 Markdown 语法的文本编辑。我比较经常使用 MarkDown 的书写工具是 Typora,主要是它能够支持实时预览。边写边立刻渲染出来。让你摆脱一边书写一边想象排版的烦恼。和对排版后面调整的痛苦。使用 Typora 能够让你对你的文件排版做出迅速的调整。

而且它能搭配 PicGo 软件快速生成图片连接。

图床工具 - PicGo

我们需要一款工具,能自动把本地图片转换成链接的一款工具,而 PicGo 算得是一款挺优秀的图床工具。它是一款用 Electron-vue 开发的软件,可以支持微博,七牛云,腾讯云COS,又拍云,GitHub,阿里云OSS,SM.MS等8种常用图床,功能强大,简单易用。

实践

下面将说明如何使用 hexo 和配置图床,以及介绍一些 Typora 的快捷键。

hexo 如何使用?

下面介绍以下怎么把自己的文章放到 hexo 中以及如何美化

如何将文档放入 hexo

我们把书写的 MarkDown 文章放入到博客的根目录的下的 source/_posts 文件夹下,在使用 hexo g 编译即可通过 hexo s ,在本地浏览器输入 localhost:4000 查看,也可以通过 hexo d 推送到自己的服务器,然后通过公网域名或 IP 查看。

如何修改 hexo 样式?

原生的 hexo 主题有点不优雅,但就是想换嘛,可是又不会前端知识该怎么办?

对于会前端知识的人动手能力强,能自己创造属于自己的样式,但是对于比较不会的呢?不怕,hexo 官网提供了更改主题选择,你可以通过更改主题来快速达到其他不一样样式界面。

点击 hexo 官网的主题,你能看到下面图中所示

这些都是官方收集而来的主题,你可以点进入查看主题样式,作者会在主页或者它的 GitHub 中提供关于这些主题的使用方式和下载方式。 除了这些,还有一些民间大神也分享了一些主题也是挺不错的。我这里列举几个

Indigo
Butterfly
Pure
NexT

等等还要很多,就留给你自己探索了。

扩展

这里使用 npm 安装各种 Node 模块发现很慢,因为 npm 默认连接的镜像库在国外,所以安装很慢并且卡死。

这个是一个完整的 npmjs.org 镜像,可以用来代替官方版本的镜像。那么如何切换镜像呢?

切换到淘宝镜像

  • 此次使用切换

    npm --registry https://registry.npm.taobao.org
    
  • 永久切换

    npm config set registry https://registry.npm.taobao.org
    

验证切换是否为淘宝镜像命令

npm config get registry

安装 cnpm 工具

npm install -g cnpm --registry=https://registry.npm.taobao.org

使用 cnpm

cnpm install xxx

Typora 常用快捷键

描述快捷键
标题Ctrl+1/2/3/4/5
段落Ctrl+T
代码块Ctrl+Shift+K
代码Ctrl+Shift+`
公式块Ctrl+Shift+M
引用Ctrl+Shift+Q
加粗Ctrl+B
超链接Ctrl+K
图像Ctrl+Shift+I
清除样式Ctrl+
大纲视图Ctrl+Shift+1
源代码模式Ctrl+/

还要很多,留给你自己去探索。

使用图床工具

我这里介绍的是利用阿里云 OSS 来配合 PicGo 。

购买阿里云 OSS

百度打开阿里云官网,打开对象存储 OSS

然后拉到下面,选择你需要的类型,我选了一个标准类型的存储折扣包,点击会让你选择一些其他信息

可以根据自己的实际情况来设定购买存储包的方案,就搭个人博客,也不需要太庞大,因为在中国大陆,建议地域选择中国大陆通用

购买完之后,打开对象存储 OSS 的控制台。页面的右上角就有控制台选项,打开后在点击左侧的选择栏,选择对象存储 OSS

创建 Bucket

点击蓝色按钮创建 Bucket

创建的设置选项中,主要是基础设置里的读写权限,因为我们做的是个人博客网站,需要展示图片,所以需要设置为公共读。其他的服务选项,如果自己有特殊需要,可以选择配置同城冗余存储,版本控制等服务,如果没有可以默认。

计费方式

OK 了,上面是存储包设置购买完成了,接下来的流量包,默认按流量计费。建议参考阿里云官网给出的详细计费方式。点击我

写个博客或公众号,平时可能没有特别大的访问量,所以选择默认的按量计费,如果访问量较大的,考虑包年包月。

添加用户

为了安全起见,我们不能以很高权限的用户去访问,是不安全的,最好是单独创建一个用户单独操作 OSS,给这个用户赋予单独的访问 OSS 的权限,更加安全方便。

鼠标移动到头像区域,显示下拉栏,选择访问控制。

选择左侧的用户选项,创建用户

在创建用户的选择配置中,记得勾选编程访问,后续的图床配置需要使用

注意,确定后要记得记下AccessKey ID 和 AccessKeySecret,之后配置 PICGO 用到,因为这个界面关掉之后无法再次获取信息,所以最好记在记事本里,如下图所示:

设置用户权限,我们点击添加权限

为这个用户只添加管理对象存储 OSS 权限

配置 PicGo

  1. 打开 PicGo 官网下载即可

  2. 打开 PicGo 中的图床设置,选择阿里云 OSS

  3. 设定 keyid,就是创建用户的 AccessKey ID,KeySecret 就是 AccessKeySecret,存储空间名就是刚刚你创建 Bucket 的名字,存储区域也是创建时设定的,忘记的可以通过 Bucket 概览查看,如下图所示:

存储路径默认设置 img/ 即可,如果自己有已经备案的域名,可以填写设定自定义域名,如果没有不填即可。

  1. 之后你只需要把图片拖动到软件中央,也就是软件提示的位置,即可上传

    从图片上我们看到,不止拖到上传,包括剪贴板图片上传,选择文件上传,并且生成的链接有多种格式。并且链接会生成到剪贴板中,你只要 ctrl + v ,就可以看到。注意这里的默认上传记得选择你刚才设置的阿里云 OSS

  2. 接下来打开存储对象 OSS 控制台,查看 Bucket 的概况,到文件管理处,就可以看到我们刚上传选择的文件夹了。

总结

恭喜你看完了。这篇只是简单的介绍,后续还有很多,其实写博客更多的是贵在坚持吧。加油,共勉。

  • 4
    点赞
  • 26
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值