目录

第一章-关于博客

其实也不知道第一篇到底要写点什么,正好最近搭建完了博客,那我就想就来聊一聊博客

为什么要写博客

之前

其实在很早的时候自己就想搭建一个自己的博客,我之前的github中还有我最早一个版本的RayBlog,后台是用python写的,主要原因是自己但是刚刚学习Python,并且想通过一个项目来实战一下。但是由于发现做了登录模块要学redis等,页面要学习整个前端,对于当时才入行,都没听过react,vue的人来说,手写太困难了,加上但是工作又忙起来了,所以就放弃了 ̄▽ ̄。

现在

现在又想重新开始写博客的原因,是看到了各种大佬们的博客,让我收获颇深,比如GeekPlux,就是看到他的博客才打开了要整个博客写作的大门。并且通过他的友链,又发现了好多有趣的人。比如dtysky|一个行者的轨迹 二次元大佬,和这位大佬有两个相同公司的经历,缘分。还有 Randy’s Blog (lutaonan.com)且听书吟 - 诗与梦想的远方 (yufan.me)等。通过他们的博客就可以了解他们的经历、学习他们分享的知识、品读他们的优美的文章。感觉虽然没见过,但感觉又好像认识了一个人,而通过友链又拓宽了整个“朋友圈”。

未来

通过查阅各种”博友“的文章,激活的了要写博客的想法。深度往下想,自己的工作多年,总结能力却一直欠缺,之前仅仅在语雀 上写一些技术总结,所以想博客可以锻炼自己缺少的总结能力。通过博客记录自己每段时间的生活经历,自己对生活的想法,同样也希望写博客也变成自己生活的一部分。都说赠予玫瑰,手留余香,我写博客的想法来自于其他博主,也同样向其他博主学习了很多,所以自己也希望能写一些东西,希望能给大家带来帮助。

搭建博客的方式

自建

对于自建,我就不多废话,这个对于刚开始开发的同学而言,可能通过自建可以学到更多的东西,学习一套完整的项目技术体系。但是这个往往带来的缺点就是,博客的肯来目的是为了写,而通过自建,又着重去学习各种技术去了,从而导致和我一样的半途而废。(〒︿〒)

代理

我在用的就是这种方式,通过简单配置可以快速的搭建一套属于自己的一套博客,废话不说,下面看教程。

基础技术

搭建步骤

  • 使用Hugo等静态网站生成工具生成一网站。我推荐使用hogo,使用hexo等也都可以。

    先贴上官方教程。英文不太好的同学善用翻译工具

    • 第一步、安装,不同平台安装方式都有Install Hugo | Hugo (gohugo.io)
    • 第二步、创建新站点
    • 第三步、添加主题
    • 第四部、新建文章并书写

下面的演示命令是基于mac并提前安装Mac必备神器Homebrew

## 第一步 
brew install hugo
## 第二步 以下quickstart是站点的目录
hugo new site quickstart
## 第三步 主题可以去官方的主题库寻找
cd quickstart
git init
git submodule add https://github.com/theNewDynamic/gohugo-theme-ananke.git themes/ananke
## 第四步 my-first-post.md 文件的名称,打开 quickstart/posts文件下面找到文章修改,编辑
hugo new posts/my-first-post.md
    

书写完成后,可以运行hugo server -D命令,根据输出提示,打开类似于 http://localhost:1313的地址进行实时预览

  • 推送文章至github
    • 创建github私有仓库
    • 本地仓库关联远程端仓库
    • 将本地文章推送至远程端
## 关联远程端仓库(只要第一次初始化使用) https://github.com/XXXX/test.git github上面的仓库地址
git remote add origin https://github.com/XXXX/test.git
## 添加修改的文件(以下都是每次写好文章或则修改文章后使用)
git add .
## 提交文件 first commit 本次的修改信息
git commit -m "first commit"
## 推送文章去远程端
git push -u origin master
  • Netlify自动部署https://app.netlify.com/

    • 注册账号

      这个就不用多说,直接去官网点击登录,使用github账号也可以同步登录

    • 创建站点

      按照步骤一步一步来,跳到github上装插件,填写选择对应的github仓库,配置build,点击部署。主要注意事项见下图

      https://cdn.jsdelivr.net/gh/NPCRay/img@master/blogs/pictures/202110242155712.png

    • 绑定域名

      部署完后,在除了使用netlify提供的二级域名外(下图可以查看自己的访问域名),还可以在域名设置里面使用自己的域名。但是修改完域名后,记得去hugo的配置文件config.toml里面修改一下baseURL属性

      https://cdn.jsdelivr.net/gh/NPCRay/img@master/blogs/pictures/202110242158459.pnghttps://cdn.jsdelivr.net/gh/NPCRay/img@master/blogs/pictures/202110242201542.png

  • 域名申请

    • 国内阿里云或者其他平台申请域名并备案,国外可以使用 Namecheap等平台
    • 注册完成后cname到netlify申请到的二级域名。PS:不懂cname的可已以查看个域名申请平台都有详细都配置说明

总结

总共其实包含域名申请总共就4个部分组成,并且整体上,除了域名需要花钱外,其他的都不需要,算是零成本。

书写博客

站点搭建好后,我们就可以书写文章了,这个时候就需要一个好的写作工具。我使用过的写作工具而言,最好的是语雀 ,但是对于本地数据,这个就无能为力,所以我现在使用的是TyporaPicGo来搭建了自己的写作平台

  • 第一步下载这2个工具,去2个官网都有具体的下载地址
  • 在typero的配置图片配置项上选择PicGo
  • 在PicGo配置项里面选择自己的图床(推荐七牛云或则github),网络上好多文章,我就不介绍,想学的可以自己搜索