搭建 Hugo 个人网站|PaperMod 主题

前言 谈不上个人品牌的打造,也谈不上被动收入的项目,但我的确是受到近几年的FIRE运动浪潮和创作者经济的影响,不断的捏造这个个人博客的小泥人,不断的重新思考如果我做一个自己的网站,对自己和他人能有什么积极的意义。 想到就去做,做事情我喜欢start small。执行的过程中,现实这只手会慢慢推动你去往另外一个地方。况且,输出文字帮助我mental clarity,减压不少,单单是这一点,就已经是写作的动力了;而如果还能结交到同好两三,更是我的荣幸。 因为工作的原因一开始用wordpress建站,YouTube的算法把我带到林猫先生的频道,又开启了一扇门…经过疫情的催化,以及区块链技术的萌芽,更让我相信辛苦工作之余,必须抽出时间skin in the game,做一些更个人化、去中心化的项目以此反脆弱,给这个世界留下一点微不足道的声音,而通过做个人网站,这个声音可以很自由,很独立。 所以,why Hugo? 速度超快,之前的wordpress我习惯把主机架设在国外,国内用户访问速度受限;而Hugo是html静态网站不涉及后台运行; 维护简单,不存在wordpress整天在更新插件; 主题极简,例如目前使用的PaperMod,非常纯粹; 几乎免费,除了购买域名,搭建Hugo网站的服务如Github和Netlify都是免费的。 建站 环境建设 由于我使用的是Mac,以下的操作适用于macOS。 安装Homebrew。 /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" 需要注意的是如上code可能会被更新,请根据最新的安装代码执行;另,如果安装极度缓慢,可以执行如下国内镜像源备选(我就是执行第一个镜像源成功)。 /bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)" 可以通过如下检查版本验证Homebrew是否安装成功。 brew -v 安装git。 brew install git 可以通过如下检查版本验证git是否安装成功。 git -v 安装hugo。 brew install hugo 建立网站 可以选择你的网站资料所存放位置,比如文稿Documents,则先进入Documents。 cd Documents 例如新建一个名为demo-blog的网站;配置成Yaml是可选项,系统默认是Toml,选择成Yaml是因为语言比较简单(听说啦);常见的语言有Yaml,Toml和Json。 hugo new site demo-blog -f -yml 网站建立成功,则在文件夹生成如下文件 ├── archetypes # 存放front matter ├── assets ├── content # 存放网页的Markdown文件 ├── data # 存放数据文件,通常是json/yaml/toml 文件 ├── layouts # 存放HTML模板 ├── static # 存放静态文件比如图片img,会被复制到public目录下 ├── themes # 存放现有的主题模板 └── config....

February 21, 2023

WordPress建站就像搬家

流程 就像是… 参考工具/平台 自建站的决心(脱离阿里等中心化平台) 不想和父母住在一起,矛盾太多了 / 买域名 总得有个名字吧 Godaddy/Namesilo 买主机Hosting空间 租房子,定期缴房租 Hostinger/或这里 域名解析到主机 和房东签合同,确定租房关系 Hostinger 安装Wordpress 跟老婆说,一切都会好的 Hostinger 配置User信息、后台语言、登录密码、删无用插件 丢掉前租户的家居,准备装修,换了防盗门的锁 WordPress 安装Starter templates/Elementor插件 请了个设计师(Pro版本的就是知名设计师) WordPress Starter templates选一个样板导入 资金/时间都有限,直接选了设计师的现有样板(不丑) Starter templates 浏览器输入域名,感受一下 请朋友来新房看看,有个样子了,剩下就是定制化 / 新增一个Blog页面,设置reading文章页为Blog(文章页,非Elementor页面) 采购了一个大冰箱,一个家怎么能没有一个像样的冰箱 WordPress 制作主页,利用模版现有的Blocks 在设计师指导下,把客厅整成自己喜欢的样子 Elementor 调整Blog页(外观自定义&外观widget) 冷藏、保鲜、速冻设计好怎么分类 WordPress 制作其他页(About, Projects, Contact)等 如果喜欢设计师的设计就保留或微调,不喜欢就丢掉 Elementor 调整Header和Footer 收个尾,看看门口要不要贴个春联 WordPress (可选)制作Blog的一个块 采购漂亮的冰箱隔层板 Unlimited elements 续费Hosting空间 房租到期大概率会涨租,为了不折腾,接受涨租 Hostinger/或这里 自问自答 FAQ Q:本篇是什么鬼故事? A:我在17年、20年零基础学过两次建站,每一次都是按照视频的指导一步一步建设而没有充分理解这么做的意义,如今2022年倒腾自己的blog网站别有一番趣味,趁着这个机会梳理一下建站流程,帮助理解。另,去中心化绝对是未来的一条业务线,在web2时代,为数不多的可以称为自己资产的 — 域名是其中之一,我也bullish个人品牌。 Q:五花八门的建站工具如何选择? A:17年用的是Bluehost+Avada,20年用的是Hostinger+Elementor,直到现在一个直观的感觉就是工具越来越好用,越来越偏向drag and drop,越来越no code了;17年的使用完全是云里雾里,死记硬背,无法复制的建站技能;20年包括现在用的主力还是Elementor,简单好用容易理解。 Q:Elementor Pro和免费版本有什么区别? A:Pro = Free + 一堆第三方插件 + 折腾...

August 16, 2022

自建站的主机产品

本文对自建站的主机Host产品做一个极简入门,并对国外主流产品当前价格做一个更新对比。 虚拟共享主机 Shared Hosting 是一种共享主机,用户抱团取暖,使用同一个服务器的内存和空间等资源; 相当于租了一个联合办公共享空间,我多你少,你少我多,互相影响。 虚拟专用主机 VPS Virtual Private Server 将一个服务器分割成多个虚拟专享的服务器服务,此专享的服务器的空间,内存,CPU和系统配置等都是独立的; 相当于租了一间独立一个办公室,你在里面独立办公,互不影响,但是也不能太夸张的大吼,因为有可能会吵到隔壁办公室。 注:经常营销的SaaS产品,如Squarespace,一般是VPS的主机。 云主机 Cloud Hosting 简单的云主机理解成升级版的VPS,是一个VPS集群,也有更安全更稳定的特性; 相当于租了一栋别墅办公,里面可以有很多办公室,拥有的资源更多,你也可以在里面大吼大叫。 独立主机 Dedicated Hosting 自己独享一台服务器; 相当于自己一栋大楼,想怎么搞就怎么搞。

May 26, 2021