跳至主要内容

hexo博客搭建记录

搭建过程主要援引微信文章我愿称之为建站神器:Hexo+Kaze+Gitee!

搭建过程

前置要求

  • Node.js
  • Git 以上两个都已经安装成功后,开始安装hexo 执行命令
npm install -g hexo-cli

查看是否安装成功

hexo version

可以通过hexo help指令获取使用帮助

hexo建站

使用 hexo init <folder> 指令就可以在指定文件夹下建立站点 文件夹中会自动创建相应文件,基本结构如下:

  • _config.landscape.yml:自定义的主题配置文件,此处的 landscape 是默认主题。配置其他主题可以参考这种方式。

  • _config.yml:站点全局的配置文件。

  • node_modules:node 模块文件夹。包含可执行文件和依赖的资源。

  • package-lock.json:node_modules 文件中所有模块的版本信息,模块来源。

  • package.json:Hexo 框架的基本参数信息以及它所依赖的插件。

  • scaffolds:scaffolds 原意是脚手架,这里可以理解为模板文件夹。当你创建新的文章时,Hexo 会根据该文件夹下的对应文件进行初始化构建。

  • source:资源文件夹。这里是你放自己资源比如博文和图片的地方。_posts 文件夹下的 Markdown 和 HTML 文件会被解析并放到 public 文件夹下。其他文件或文件夹,如果开头命名不是 _ (下划线),也都会被拷贝过去。

  • themes:主题文件夹。Hexo 会根据主题来生成静态页面。

本地启动命令

hexo server

Hexo 会启动服务,将默认生成的网站运行在本机的 4000 端口上,可以直接访问 http://localhost:4000 就能看到网站首页,它基于默认主题生成,同时有一篇默认文章。 参数相关可以查看[[我愿称之为建站神器:Hexo+Kaze+Gitee!]]中收录信息 常用指令: 创建文章

hexo n "xxx"

运行服务

hexo s

生成静态文件

hexo g

部署

hexo d

站点托管

使用Gitee Pages服务 新建仓库,并使仓库名和账号名一致,以避免路径访问问题 后续可以研究下如何修改路径

安装 hexo-deployer-git 服务

npm install hexo-deployer-git --save

修改站点配置文件_config.yml配置

deploy:  
 type: git  
 repo: git@gitee.com:tzk1986/tzk1986.git

repo地址是下载克隆项目中弹出SSH的信息。

对应需要生成SSH公钥 查看邮箱用户名

git config --global user.name  
git config --global user.email

如无,设置邮箱用户名

# 设置邮箱  
git config --global user.email *********@qq.com  
  
# 设置用户名  
git config --global user.name '****'

生成公钥,全部使用默认即可

ssh-keygen -t rsa -C yong__1994@163.com

查看公钥

cat ~/.ssh/id_rsa.pub

复制公钥信息去Gitee黏贴,添加

测试是否连接成功

ssh -T git@gitee.com

成功后,可以使用部署命令进行部署。 部署完成后,需要手动更新。

评论

此博客中的热门博文

使用obsidian配置模版创建hexo博客

使用obsidian配置模版创建hexo博客 在ob中使用tamplate创建文件,可以提前设置好yaml信息,避免后续的重复操作,让写博客就是写博客,只需要进行一次模版创建,后续生成的博客就会一致了。 template设置 首先创建模版,配置相应的yaml参数: --- banner_img: title: <% tp.file.title %> date: <% tp.file.creation_date("YYYY-MM-DD HH:mm:ss") %> category: tags: - --- # <% tp.file.title %> <% tp.file.cursor(1) %> 为了方便编辑在最后加上鼠标插入,当创建该模版后,文字插入符自动进入书写 后续为了和其他模版区分开来,在ob中新建文件夹hexo博客,并在template插件中设置,如果在该文件夹中创建则使用该模版 这样当我们在ob中新建了博客后,只要直接复制文档到hexo的source文件夹中部署,就可以开心的享用博客了。

mac触摸板有感

最近开始使用MacBook,觉得和以前使用win的感受最大的不同就在触摸板上了。 苹果触摸板的使用让人有种在做手工的感觉,真的使人精神一振,或者这也是设计者的初衷吧。这种设计感,让人想到很多,在我们使用的智能手机上的触控方式最早也是在iPhone上实现并推广的,这种操作的享受感或许正是苹果工业设计成功之处,值得我们去借鉴的地方。 设计以人为本,通过模拟人的实际工作中的行为方式,来让人获得做手艺的感觉,这种体验应该是可以复制并使用的。如果产品设计中也进行这种设计,在初期的使用中或许会不觉得怎样,但是在之后的使用中,逐渐体验后,估计也会有令人惊艳之感。 那该怎么把这种设计复制到产品中那? 从现有的产品中我们或许可以得到一些解答,现在的产品设计越来越注重产品使用过程中的体验,像以前的loading界面只是。。。的展示,到现在会根据自身产品定位进行设计,生成不同的动画效果。或者在app的体验上使用更接近人为操作的设计,于是乎产品体验师,首席体验官运营而生。不得不说,在产品体验上越突出的产品才能让人欲罢不能,产品才能越走越远。

obsidian插件Advanced Slides使用

  Advanced Slides插件使用 obsidian笔记软件在预览过程中就有演示模式,需要对文档进行格式化的编写,如下: # 标题1 --- # 标题2 --- # 标题3 不要使用_Front_-_matter_进行编辑,以避免无法进行识别,格式为标题+ --- 分割线进行一页的区分。 不过在编辑过程中,不能看到对应的界面预览;在演示过程中,缺少展示工具和快捷操作。幸好有了新的插件Advanced Slides,这个插件可以帮助我们更好的演示md文档的ppt。 同样不能使用_Front_- matter ,会造成无法识别,格式与原有的ob使用一致,不过当使用 + 空格展示的小段落,如下: # 标题1 --- # 标题2 + 段落1 + 段落2 --- # 标题3 那么在演示过程中,第二个标题页时,段落不会立即展示,会与ppt一样,点击后才会出现段落1,再次点击才会显示段落2。 左下角的工具按钮,有显示演示大纲 有网格的预览界面 也有画笔直接在演示界面上操作。 可以说这个软件在ob的演示功能上让使用者可以操作的空间更加多了,太棒了!