前言 春节在家闲着无事,想到博客多日未更新,想着小更一下,便开始在轻薄本上安装Hexo,但在安装过程中无意看到了一篇关于使用hugo搭建博客的文章,让我想起了身边一位大佬(链接在此)前段时间也在用hugo搭建blog,在看了几篇有关hexo和hugo对比的文章后,决定开始折腾一下。
安装 Hugo 直接上官网,根据自身系统找到对应安装方法,并且熟悉一下基本的操作,例如新建页面之类的。在本地运行hugo server后,在http://localhost:1313/ 便能查看到默认主题下的个人博客页面,到此Hugo便安装完成了。
主题 在官网上提供了将近三百个主题,我选择了papermod主题。安装过程也很方便,将其仓库clone到hugo的theme文件夹中即可。由于我的博客也作为一个仓库,因此将主题仓库作为博客仓库的子模块。
#下载并设置为子模块: git submodule add https://github.com/adityatelange/hugo-PaperMod.git themes/PaperMod --depth=1 #当重新克隆仓库时可能要用到 #git submodule update --init --recursive # needed when you reclone your repo (submodules may not get cloned automatically) #更新主题 git submodule update --remote --merge 参考了网上其他博主的做法,将主题中的layout和assert文件夹复制到站点(也就是根目录)下,因为hugo构建时根目录下的模板和样式优先级比主题里的高,因此会覆盖主题的配置,方便魔改,并且在主题更新时,可以再根据个人需求将旧版本主题的相关文件覆盖,从而实现平滑更新。
(ps. 下文的博客配置中提到的layouts或assert都是指复制到站点根目录下的文件夹,而不是主题中的同名文件夹)
最终本站的根目录结构如下:其中非自定义的都作了一些注释
. |-- README.md |-- archetypes (新建页面的统一格式,可自定义) |-- assets (papermod主题中复制过来的,包括js和css) |-- config.yml (站点配置文件) |-- content (放博客文章或自定义页面例如友链、搜索) |-- data (网站的一些数据,暂时没用到) |-- deploy.sh |-- i18n |-- layouts (papermod主题中复制过来的,包括各种页面模板) |-- public (执行hugo命令后生成,网站发布的内容) |-- resources () |-- static (网站的静态资源) `-- themes (网站主题) 部署 现在我是GitHub+Vercel+个人域名的方案,根据个人需求爱好选择就行了,网上也有很多教程,不再赘述。...
写在前面:
周末准备跟同学(dalao)交换友链,发现next主题的友链是在侧边的标签栏直接加超链接,觉得会使标签栏冗杂,于是上网找其他方法,由于太菜,不懂前端,折腾了很久
前期准备 hexo版本:5.4.0
next版本:8.4.0
操作涉及的文件结构:
├── _config.yml //hexo的配置文件 └── source ├── _data │ └── body-end.njk ├── css │ └── links.css ├── js │ └── link.js └── links ├── index.md └── linklist.json 操作过程 创建页面 在hexo根目录下运行命令hexo new page "links"
创建了source/links/index.md
文件内容:
--- title: 友情链接 type: links toc: enable: false --- <link rel="stylesheet" href="/css/links.css"> <div><div class="links-content"><div class="link-navigation" id="links1"></div></div></div> ------ <div style="text-align:center;"> <span class="with-love" id="animate1"><i class="fa fa-heart"></i></span> 留言互换友链 o ((>ω<)) o <span class="with-love" id="animate2"><i class="fa fa-heart"></i></span> </div> ------ {% note success %} ## 友链格式 - 名称:McLaren888 - 网址:[https://mclaren888....
准备 1、一个腾讯服务器(ubuntu)
2、Hexo本地博客
3、一个备案好的域名(如果你不想通过公网IP访问博客)
服务器配置 登陆云服务器 笔者通过MobaXterm连接服务器(在舍友的安利下接触到,感觉挺好用)
ssh username@IP_address username是登陆用户名,IP_address是服务器的IP
配置git 安装git 命令行安装 sudo apt-get install git
查看git版本 git --version,若能看到版本号则安装成功
创建git仓库,用于存放博客网站资源 添加git用户 adduser git passwd git chmod 740 /etc/sudoers vim /etc/sudoers 找到以下内容
## Allow root to run any commands anywhere root ALL=(ALL) ALL ## 添加 git ALL=(ALL) ALL 退出并且更改权限 chmod 400 /etc/sudoers 添加密钥
su git mkdir ~/.ssh vim ~/.ssh/authorized_keys ## 将本地的 id_rsa.pub 文件全部复制进去 ##一般存储在C盘的user/.ssh文件中 #修改权限 cd ~ chmod 600 ....
使用hexo g -d更新的时候报spawn failed错误
...
官方文档中没有更新next8.0的代码高亮设置方法,只是说明了老版本的设置方法(老版本只有五种主题)
...