首页 > 其他分享 >hexo个人博客的搭建

hexo个人博客的搭建

时间:2024-02-06 17:15:57浏览次数:27  
标签:hexo title 博客 命令 文件夹 搭建 安装 页面

首先根据官网的步骤进行hexo的安装(安装hexo要先安装node.js和git)

hexo官网:文档 | Hexo

 

 安装完hexo包之后,执行下列命令,hexo 将会在指定文件夹中新建所需要的文件

hexo init blog
cd blog
npm install

blog就是文件夹的名称,可以按自己喜欢起名

 

 

接下来进行主题的安装

打开hexo的主题库,选择一个喜欢的主题

hexo主题库链接:Themes | Hexo

我选择的是比较流行的next

点击标题的位置

 往下拉会有安装命令,跟着步骤进行安装即可

 

 

现在我们来写一篇文章

在cmd中输入命令

hexo new "title"

这里的title就是文章标题

在source文件夹可以找到刚刚以title为标题的文章页面,已经自动生成了标题、日期,还可按需添加标签等页面属性

写入内容后,在cmd中输入以下命令生成网页

hexo g

再输入以下命令将页面运行起来

hexo s

打开链接即可看到刚才所写的内容

用以上类似命令还可以生成草稿页面(草稿页面不被主题渲染,但可以预览,草稿最终不被上传)

hexo new draft "draft title"

还有纯页面

hexo new page "page title"

 

scaffolds文件夹可以看到hexo自带的三个模板

我们也可以自定义其他模板,在source文件夹里,只要把new后面的名字换成你想要的模板名字就可以,如:

hexo new muban "muban title" 

如下图所示,模板创建好后能看到相应存放的路径

(模板使用的是Nunjucks语言)

 

Front Matter

在文章页面当中可以看到顶部有一部分被短划线包裹着,这一部分叫Front Matter

我们可以在里面进行一些插件的配置

如:

是否存在目录(on或者off)

给页面分类(分类使用的是Yaml语言)

不能直接使用1,2,会识别不出

 这些插件上网即可找到相应的安装代码

 

语言

在测试当中我发现我按照网上将站点配置中的language改成zh-Hans,页面出现的是不认识的文字

于是我打开next主题文件夹下的language文件夹,看到这里的中文文件叫做zh-CN

 于是我回到站点配置文件,将language改为zh-CN

此时刷新页面没有变化,按照以下方法进行重启

修改配置后如何重启

打开cmd输入以下命令清理一下hexo缓存

hexo clean

然后输入以下命令进行重启

hexo g && hexo s

刷新页面发现恢复简体中文

站点配置

在hexo官网的配置说明界面会告诉我们站点配置文件中的插件都是什么意思,我们该如何去配置它

网站

首先来配置网站呈现出来的一些属性

根据介绍对代码进行修改

 

 重启网页后看到对比

注意!中国的时区只有以下5种,时区写成BeiJing的话,生成页面时会报错

Asia/Harbin

Asia/Shanghai

Asia/Chongqing

Asia/Urumqi

Asia/Kashgar

 

网址

 permalink 就是 网页的完整网址

官网给出了可添加的变量

值得注意的是,如果文章标题是中文的话,URL链接是也会是中文,复制后的链接是一长串,非常不利于阅读,也不简洁

使用文章ID的话,一旦执行hexo clean命令,ID也会被清除

为此我们可以使用 hexo-abbrlink 插件

输入以下命令进行安装

npm install hexo-abbrlink --save

然后在站点内配置以下内容

permalink: :year/:month/:day/post/:abbrlink.html
abbrlink:
  alg: crc32  # 算法:crc16(default) and crc32
  rep: hex    # 进制:dec(default) and hex

这时候重启页面就会发现网址自动生成了一个文章ID

并且当我们重新启动这个页面时,这个ID也不会改变

目录

 这部分一般不用修改

文章

 

 

标签:hexo,title,博客,命令,文件夹,搭建,安装,页面
From: https://www.cnblogs.com/wild-bokeyuan/p/18008830

相关文章

  • Windows Server 2019 搭建用户自助修改密码
    一、安装Web服务器(iis)和远程桌面服务1.运行添加角色和功能向导2.选择服务器角色,Web服务器(IIS)和远程桌面服务3.后续全部默认下一步4.勾选“远程桌面Web访问”点击下一步5、点击安装,等待安装完毕6.打开IIS管理页面7.修改‘PasswordChangeEnabled’的值为“trus”8.返回“Pages”主页,......
  • 使用Almalinux 8 搭建NTP服务器chrony
    chrony官方网站https://chrony-project.org/1、更新系统sudodnfupdatesudodnfinstallepel-release2、在AlmaLinux上安装NTP服务器dnfinstallchronysystemctlenablechronydsystemctlstartchronyd3、配置服务器vim/etc/chrony.conf添加NTP服务器地址,如serverntp......
  • 【Flink入门修炼】1-2 Mac 搭建 Flink 源码阅读环境
    在后面学习Flink相关知识时,会深入源码探究其实现机制。因此,需要现在本地配置好源码阅读环境。本文搭建环境:MacM1(AppleSilicon)Java8IDEAFlink官方源码一、下载Flink源码github地址:https://github.com/apache/flink考虑到一些原因,github下载可能会极其缓慢,且大......
  • 靶场搭建----phpstudy2018安装及注意问题
    安装官网下载:https://www.xp.cn/download.html新人推荐2018版本phpstudy介绍系统服务------开机自启非服务模式------开机不自启搭建好环境,此时服务器与客户端同时存在服务器:phpstudy所在的目录客户端:除phpstudy所在目录外的都是客户端调整phpstud......
  • Gymnasium 环境搭建
    【默认在链接公网环境】!!!!一、     Conda虚拟环境搭建【安装则忽略】1.1检查本地适配python版本>python-V1.2根据版本下载并安装aconda【这里默认使用window平台】:1.3测试conda安装并创建虚拟环境:我这里使用版本为3.8的虚拟环境语法:condacreate-nenv_namepyt......
  • 48从零开始用Rust编写nginx,搭建一个简单又好看官方网站
    wmproxywmproxy已用Rust实现http/https代理,socks5代理,反向代理,负载均衡,静态文件服务器,websocket代理,四层TCP/UDP转发,内网穿透等,会将实现过程分享出来,感兴趣的可以一起造个轮子项目地址国内:https://gitee.com/tickbh/wmproxygithub:https://github.com/tickbh/wmpro......
  • app自动化测试环境搭建
    一,安装AppiumAppium和node.js一起安装(据说两者有依赖关系)。1,node.js傻瓜式安装官网地址:https://nodejs.org/en/安装完成后,运行cmd,输入node–v,如果安装成功,提示版本号2,安装Appium官网下载对应的版本并安装,官网地址:https://bitbucket.org/appium/appium.app/downloads/......
  • 全网最全的幻兽帕鲁服务器搭建教程—阿里云【保姆级/高性价比】
    ......
  • 手把手搭建QEMU ARM64开发环境
    根据上篇我们讲了搭建ARM32QEMU环境没看到的小伙伴可以看下https://mp.weixin.qq.com/s?__biz=MzUyNDUyMDQyNQ==&mid=2247483838&idx=1&sn=87a65f10e558bdfc35277153d4b42f6a&chksm=fa2d5f38cd5ad62ead217bd0efe857b2ac06e1a14042cacb488f926e8791b75f28c6ec930c4f&token=420704......
  • frp内网穿透搭建
    一、前提条件   需要一台配有公网IP的服务器二、服务器配置#frps.ini[common]#启用监控的接口bind_port=16287#如果需要认证,则添加以下配置authentication_method=tokentoken=xxxxxxxxx三、客户端配置#frpc.ini[common]#FRP服务端的公网IPserver_addr=......