前言 这篇教程介绍了如何搭建这样效果的博客. 所需步骤 可以从这样的角度出发: 注册域名. 使用CDN加快网站访问速度. 网站内容需要部署在服务器或对象存储平台上. 重要的是放什么内容.博客需要选择框架,或自己开发. 框架确定后,选择主题,或自己开发. 配置主题. 发表第一篇Hello World! 在这个过程中,前期准备阶段包括:框架选择.主题选择.注册域名.备案和CDN配置. 博客框架 框架选择 Wordpress 缺点:不安全. 主题推荐:Sakura Hexo 缺点:渲染生成文章速度不如…

前言 最初在制作友链界面时,没有学习Hugo框架,一头雾水.网上有关的教程甚少,只能去学一遍Hugo. 在学习Hugo的过程中,了解了列表模板,分类模板.开发了几个功能页面,如:留言板,友链,记忆分类等. 本文介绍这些功能页面. 里程碑页面 首先需要了解头部参数type,通过type指定文章使用的模板类型,默认为page类型. 要注意特殊模板的文章放在一般content根目录下,模板放在layouts目录下. 里程碑界面依据themes\LoveIt\layouts\posts\single.h…

前言 本文介绍一些拓展功能,如文章页面功能增加二级菜单,相关文章推荐和赞赏.另外,使用脚本会大大简化写作后的上传流程. 文章页面功能 这部分功能的拓展主要是用前端的JS和CSS,如果对前端不了解,可以参考放在Github上的网站源码. 二级菜单 导航栏放都太多链接不分主次,不够简洁.尝试多种方案后,做出了现在的二级菜单. 使用bootstrap框架 引入了太多样式,界面被扰乱,不够友好. Select标签 样式单一,不能修改. Hover属性 多个二级菜单不能使用相同参数的绝对定位,拓展太麻烦.…

前言 博客部署完成后,恭喜你可以发表第一篇:Hello world!但是LoveIt这么好用的主题,不配置一番可惜了. 基本功能配置 主题配置最好参考已有的配置,比如LoveIt作者写的介绍,还有主题目录下的配置文件\themes\LoveIt\exampleSite\config.toml文件. 笔者认为一些配置项解释的不够清楚,所以将网站的源码放在了Github上,仅供参考. 下面介绍其中一些配置. 双语言配置 配置后需要每篇文章存在多个语言的文件,否则会报错. 例如:content\abo…

前言 完成前期的准备工作后,在部署阶段需要配置服务器或对象存储服务. 对象存储和服务器对比 对象存储平台 国内有阿里云OSS.腾讯COS.又拍云.七牛云等.国外有Github Pages.Netlify.Azure.Google等,其中Github Pages免费,但是有个说法:Github屏蔽百度爬虫,使用Github Pages的网站百度搜不到. 对象存储平台也可以做为Markdown图床,配合CDN,加快图片加载速度. 笔者的服务器是阿里家的,所以对象存储也用了阿里云OSS. 阿里云OSS…

用 Hugo 搭建博客 Hugo 是一个用 Go 编写的静态站点生成器,生成速度很快 下面是具体操作: 1.安装 Hugo Windows 用户 使用 Chocolatey 或者 Scoop 快速安装,取决于你使用什么包管理 choco install hugo -confirm scoop install hugo 也可以到 https://github.com/gohugoio/hugo/releases 下载对应的操作系统版本的 Hugo 二进制文件! 把 hugo.exe 所在目录添加到…

1.安装Node.js 下载地址:传送门 去 node.js 官网下载相应版本,进行安装即可. 可以通过node -v的命令来测试NodeJS是否安装成功 2.安装Git 下载地址:传送门 去 Git 官网下载相应版本,进行安装即可. 选择在第二个在系统的cmd也可以使用 可以通过git –version的命令来测试git是否安装成功 3.注册Github账号 去 Github 官网进行注册即可. 注册完之后记得添加 SSH Key. 这个 SSH Key是一个认证,让github识别绑定这台机…

开发背景:年后回来公司业务不忙,闲暇时间了解一下node的使用场景,一篇文章吸引了我15个Nodejs应用场景,然后就被这个hexo框架吸引了,说时迟,那时快,赶紧动手搭建起来,网上找了好多资料一天时间才搭建完成,我的博客地址:博客,记录一下过程,以便以后学习. 开始搭建 学习新框架的一般步骤: 中文文档撸一遍,跟着做(Hexo中文文档),一般都会有各种问题出现,当然直接成功的也有,很不幸,我就是出现问题的那一类,没关系,出现问题,解决问题的过程,才能学到更多东西: 上网找一些hexo使用的教程…

hexo jekyll https://hexo.io/zh-cn/ http://theme-next.iissnan.com/getting-started.html Hexo 是高效的静态站点生成框架,基于 Node.js. 在 Hexo 中有两份主要的配置文件,其名称都是 _config.yml. 其中,一份位于站点根目录下,主要包含 Hexo 本身的配置:另一份位于主题目录下,这份配置由主题作者提供,主要用于配置主题相关的选项. 只需一条指令即可部署到 GitHub Pages, 安装…

作为一个萌新Gopher,经常逛网站能看到那种极简的博客,引入眼帘的不是花里胡哨的图片和样式,而是黑白搭配,简简单单的文章标题,这种风格很吸引我.正好看到煎鱼佬也在用这种风格的博客,于是卸载了我的wordpress开始抄袭,o(*￣︶￣*)o Hugo简介 Hugo是由Go语言实现的静态网站生成器.简单.易用.高效.易扩展.快速部署. 准备和环境 我直接在我的阿里云服务器上使用hugo了,环境如下: 操作系统:公共镜像CentOS 8.1 64位 Nginx版本:Nginx 1.16.1 域名:…