怎么搭建一个自己的博客(不会代码如何打造个人博客)

怎么搭建一个自己的博客(不会代码如何打造个人博客)(1)

每当看到其他设计师或者设计工作室的网站的时候,总想着能有一个属于自己的网页,可以做一些关于个人生活的记录、笔记,还可以同步自己的设计、绘画、摄影作品,那么求职的时候发过去自己的网页,还有什么比这个更赞的吗?今天我们分享的就是通过《Gridea》打造个人博客。

怎么搭建一个自己的博客(不会代码如何打造个人博客)(2)

懒人目录

  • 博客与网站
  • 《Gridea》是什么?
  • 如何建立博客?
  • 如何个性化设置?
  • 文章书写
  • 对话开发者

博客与网站

可能这个时候,大家会对网站、博客他们之间的关系模糊,简单来说博客是网站的一种形式。个人博客更注重于内容,维护简单,不需要什么技术,可以简单的理解为文字图片日志,典型的博客文章还有一个评论区可以让用户对文章发表评论。

个人网站规模很大,因为申请域名和租服务器都是有成本的,所以一般都有要盈利的负担,其次作为站长,不是简单更新完日志就结束了,还包括代码、推广等等。

怎么搭建一个自己的博客(不会代码如何打造个人博客)(3)

我们最熟知的新浪、网易、QQ 空间,就是在一家大网站下运营的社区型个人博客。拿 QQ 空间举例,早期在 QQ 空间发长文章或者现在同步一些签名和说说,QQ 好友可以留言互动,而你只需要更新文章和动态就可以了。

怎么搭建一个自己的博客(不会代码如何打造个人博客)(4)

通过《Gridea》建立的个人博客,是介于 QQ 空间与个人网站之间的定位,不在任何社区之下,有着自己的独立域名,又不会像建网站那样复杂,同时方便日志更新,是目前比较好的低成本的实现方案。

怎么搭建一个自己的博客(不会代码如何打造个人博客)(5)

《Gridea》是什么?

《Gridea》 是一个简单的(Easy),开源的(Open Source)、强大的(Powerful)静态博客写作客户端。目前已具备了博客所需的基本功能,并且还在不断完善。

并且支持 Mac 与 Windows 双平台,云端同步工具除了支持 iCloud,还可以用 OneDrive、Dropbox、坚果云等同步工具,可以在源文件下图这里修改,然后同步文件夹即可。

怎么搭建一个自己的博客(不会代码如何打造个人博客)(6)

通过使用《Gridea》作为个人博客的后端平台进行编辑更新,实现软件与 Github 的协调,通过 Github 上面的托管,免费建立自己的域名,并通过软件作为后台编辑,最终完成对自己网站/博客的建立和维护。

如何建立博客?

1. 首先你需要一个 Github 账号,因为是通过 Github 上面的托管,才可以免费建立自己的域名,点击这里即可跳转。

怎么搭建一个自己的博客(不会代码如何打造个人博客)(7)

2. 登录 Github,然后进入到这里创建一个「Token」,勾选上「repo*」的相关权限即可,下面是对应的截图示例:

怎么搭建一个自己的博客(不会代码如何打造个人博客)(8)

生成之后,最好复制「Token」到某个地方,因为一旦你关了这个网页就再也不会看到它了,稍后会在软件中设置时使用,如下图所示。

怎么搭建一个自己的博客(不会代码如何打造个人博客)(9)

3. 接下来,在你的 Github 中创建一个仓库,用来做服务器(免费)存储将要放在博客上的文件。建议你创建仓库名为「用户名.github.io」的仓库,这将是你伟大的域名。

怎么搭建一个自己的博客(不会代码如何打造个人博客)(10)

4. 打开《Gridea》客户端进入到配置页面,然后按照下面示例,输入相关配置并保存。

怎么搭建一个自己的博客(不会代码如何打造个人博客)(11)

5. 开启文章评论(可选)。没有评论的博客也是可以的,如果选择不开启的同学,这里就可以跳过了。

首先你需要有一个 Github OAuth Application ,点击这里创建,字段填写可以参照下图。

怎么搭建一个自己的博客(不会代码如何打造个人博客)(12)

创建完成后可将「Client ID」和「Client Secret」复制一下,保存到本地。

怎么搭建一个自己的博客(不会代码如何打造个人博客)(13)

接下来就可以去客户端的「评论配置」里面填写对应的信息,并开启评论。

怎么搭建一个自己的博客(不会代码如何打造个人博客)(14)

这样我就建立好我自己的博客了,你呢?

如何个性化设置?

首先你要先选一个代表你自己的头像,显示在博客中,在「配置-头像配置」中设置,这里建议采用 1:1 比例的图片作为头像,否则会被压缩。

接下来选择自己喜欢的皮肤,官方目前有 4 种主题提供使用,在软件「主题」的设置中,「选择主题」可以设置。

怎么搭建一个自己的博客(不会代码如何打造个人博客)(15)

怎么搭建一个自己的博客(不会代码如何打造个人博客)(16)

接下来就和设置 QQ 空间的说说与标签一样,把自己的座右铭、喜欢的话当做自己的网站名称、网站描述、底部信息。

怎么搭建一个自己的博客(不会代码如何打造个人博客)(17)

如果你觉得在上述的主题上还要再个性化一些,那么你可以自定义布局和颜色,变成你喜欢的样子。

怎么搭建一个自己的博客(不会代码如何打造个人博客)(18)

除此之外你还可以添加你的其他社交网站的主页,让别人更好的了解你。

怎么搭建一个自己的博客(不会代码如何打造个人博客)(19)

最后我自己的设置最终就是这个样子,看到域名的我,还是万分激动地。

怎么搭建一个自己的博客(不会代码如何打造个人博客)(20)

文章书写

其实上述那么多步骤,就是为了设置好网站各项外观,并构建成网站,而《Gridea》中的文章书写工具,只是作为这个网站的编辑后台,通过编辑内容来更新博客,所以后台这里不能实时看到文章渲染效果,只有同步后,进入网页才能看到最终的样子。

而书写内容是支持 Markdown 语法的,如果在软件中不知道该怎么使用,可以看开发者官方指南 Markdown 语法简单教程。使用 Markdown 语法的好处在于,书写和编辑的流畅,保持自己在一个创作时心流的状态。

怎么搭建一个自己的博客(不会代码如何打造个人博客)(21)

编辑完成后,退回主界面,先点击「同步」,待完成后,点击「预览」,就可以看见自己的网站上显示出自己的文章了,此时是不是既兴奋、又激动呢?

怎么搭建一个自己的博客(不会代码如何打造个人博客)(22)

对话开发者

怎么搭建一个自己的博客(不会代码如何打造个人博客)(23)

1.关于 Gridea 这个名字

《Gridea》的开发者只有一位,其实现在的软件已经是更新到第三个版本了。从最早期的第一版名字叫 《Hve》,当时只是作为自用;后来叫 《Hve Notes》,提供了大部分常用功能,开始对外发布,并且收到了第一批用户的反馈,发现有很多朋友需要这样一个工具,虽然有很多 bug,但还依然支持。

最新版 v 0.8.0 版本,换了全新的品牌名 Gridea(更易读),全新的 LOGO(更易记)、全新的视觉 UI(更舒适)

怎么搭建一个自己的博客(不会代码如何打造个人博客)(24)

2. 开发故事

《Gridea》主要面向的还是大部分的程序员和学生,和其他喜欢博客的朋友。应用的起始,开发者自己对这方面很感兴趣,也比较喜欢折腾,恰好也有相应的技术,就开始做了。更多地是利用这个项目也来锻炼一下自己的能力和享受一下做一个开源项目的过程。

当做到一定阶段的时候,发现要做的事情好多,需要一个一个来,比如官网 https://gridea.dev 与文档、主题市场、功能、多平台测试,一个人搞的话,在这前期确实吃力。

所以以开源的形式,依靠社区的力量,越来越多的人地加入,来让这个工具更加完善,生态更加完善,目前已经有 5-6 个贡献者,虽然不多,但是从无到有,本身就很好了。

怎么搭建一个自己的博客(不会代码如何打造个人博客)(25)

3. 关于产品的未来

搭建个人博客本身就有一定门槛,不管是静态博客还是普通博客,普通博客相对成本更高和维护成本也高。静态博客相对简单,但是也有一定门槛。《Gridea》是利用 Github Pages 提供的静态网站能力提供博客网站的托管,把这个过程更简单化了一些,让管理博客更轻松了一些。

产品的短期规划是把目前已有功能完善好,用户体验做好。然后会推出一些特色功能和高级玩儿法,例如:创建自定义页面、插件系统、RSS、更多平台部署支持、以及更丰富的主题自定义能力,多人管理博客和更便捷的博客源文件同步。

最后,如果喜欢博客的同学们,可以下载体验一波,建立属于自己的个人博客。感谢有这样的优质独立开发者,提供给我们更优秀的体验。

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页