◀   ACong

个人博客搭建指南:基础篇

个人博客搭建指南:基础篇
2020-05-16 · 4 min read
教程

此指南是搭建静态网页的,不涉及高深知识。不需要服务器和编程知识。

名词解释

Gridea :博客搭建的客户端,可以用来设计自己的博客,编辑文章并发布。

GitHub :代码托管服务商,微软旗下。用来托管自己的博客代码,并使其可以通过互联网访问。

Coding :代码托管服务商,腾讯旗下。用来托管自己的博客代码,并使其可以通过互联网访问。

域名 :浏览器地址栏的网址,就是域名,可以通过域名来访问自己的网站。

图床 :用于在网络上存放图片的地方,文章中的图片放到图床中可以加快网页加载速度。

基本搭建流程

image-20200516151139833

静态博客搭建最基本的就是代码托管和前端交互,做好这两个部分,就可以搭建一个可以在互联网上访问的网站。然后在此基础上,可以对自己的网站样式和功能进行自定义。当然了,自定义是需要一定的技术的,从易到难的三门技术:Html、CSS、JavaScript 。

准备工作

  • 注册 GitHub 账号 / 或者 / 注册 Coding 账号
  • 下载 Gridea 软件

代码托管 :GitHub / Coding

GitHub / Coding / 服务器 ,三者选一。但本指南不涉及服务器相关技术,仅作了解。

其实是我不会用服务器,而且服务器有金钱成本,人穷请忽略,人富请忽视。

下面是 GitHub / Coding 分类指南。

GitHub

确保开始前你已经注册好 GitHub 的账号,如果没有,请先注册账号。

创建仓库
  • 登录 GitHub

  • 找到仓库页面,创建一个新的仓库,此仓库用来存放你的博客网站源代码。

    image-20200516161656656
  • 填写仓库名称,描述。创建新仓库。注意仓库名称一定要符合格式 :xxx.github.io

    image-20200516162835521
  • 创建好仓库后,点击仓库设置。下拉至 GitHub Pages 。

    image-20200516163519726
  • 在 GitHub Pages 中选择一个主题,对 Pages 进行初始化。主题随便选择一个即可。

    image-20200516164004705
  • 设置完成后就可以通过访问 xxx.github.io 看到自己的博客网站了。

    当然,这只是说明你的博客能够在互联网上访问了,但是博客内容、样式以及功能等网站相关管理就要靠我们的 Gridea 了。

创建 token

token 是我们仓库的访问权限密钥,用于后续设置 Gridea 的远程连接使用。

  • 来到i GitHub 个人主页,进行账号设置。

    image-20200516171830537
  • 点击开发者设置。

    image-20200516172015707
  • 点击私人通道密钥

    image-20200516172142506
  • 创建新密钥

    image-20200516172331866
  • 写好 token 描述,权限全选打勾,然后生成 token 。

    注意生成的 token 只显示一次,请务必记好!

    image-20200516173021295
Coding

确保开始前你已经注册好 Coding 的账号,如果没有,请先注册账号。

先占个位吧,不想写了...

大体上跟 GitHub 设置一样。

代码管理 :Gridea

前端交互也就是博客网站管理。直接从代码仓库管理网站太过麻烦,所以我们需要一个客户端来管理代码仓库,以此来管理网站。

Gridea 是一个静态博客写作客户端,帮助你更容易地构建并管理博客或任何静态站点。

下面是 Gridea 使用指南。

  • 使用 Gridea 的第一步就是要设置好远程连接。

    远程连接是连接 Gridea 和 代码仓库,这样我们在 Gridea 上的动作才能让代码仓库相应地修改代码。

    image-20200516170940718
  • 按图示填写好,检测远程连接成功后,就可以点击同步,然后访问看看自己的博客是什么样子了。

当然,这只是最基本的设置。完成远程连接后,就可以通过文章栏写文章并发布,还可以对主题进行设置,选择自己心仪的网站样式。

到了这里,个人博客就算是搭建好了。这时候的博客甚至有些简陋,这就要靠自定义来对我们的博客网站进行后续美化了。

自定义

自定义可以美化我们的博客网站,而且自定义充满了多样性,暂时我还想不到该怎么写,就把自定义的内容放到我以后的文章里吧。当作进阶篇了 : )

最后的最后,如果有什么问题,欢迎一起探讨


EOF
· 转载请注明 https://www.acong.me/post/ge-ren-bo-ke-da-jian-zhi-nan-ji-chu-pian/
Years may wrinkle the skin but to give up enthusiasm wrinkles the soul