test-hexo-admin

this is a test-hexo-admin page!

Hexo Admin 是 Hexo 的一个插件,可以为 Hexo 博客提供一个图形化的管理界面,使得管理和发布文章更加便捷。下面是如何安装和使用 Hexo Admin 的详细步骤:

安装 Hexo Admin

  1. 确保你已经安装了 Hexo
    你需要先安装 Node.js 和 Hexo。如果还没有安装,可以使用以下命令:

    1
    2
    3
    4
    npm install -g hexo-cli
    hexo init my-blog
    cd my-blog
    npm install
  2. 安装 Hexo Admin 插件
    在你的 Hexo 项目目录中,使用以下命令安装 Hexo Admin:

    1
    npm install --save hexo-admin

配置 Hexo Admin

  1. 更新配置文件
    打开你的 Hexo 项目目录下的 _config.yml 文件,添加以下内容来启用 Hexo Admin:
    1
    2
    plugins:
    - hexo-admin

启动 Hexo Admin

  1. 启动本地服务器
    使用以下命令启动 Hexo 本地服务器:

    1
    hexo server
  2. 访问 Hexo Admin 界面
    打开浏览器,访问 http://localhost:4000/admin/,你应该能看到 Hexo Admin 的管理界面。

使用 Hexo Admin

在 Hexo Admin 的界面中,你可以:

  • 新建文章:点击 “New Post” 按钮,填写标题和内容,然后保存。
  • 编辑文章:在文章列表中选择一个文章进行编辑。
  • 管理文件:可以上传和管理你的静态资源文件,如图片等。

注意事项

  • 确保你已经安装了所有必要的 Node.js 依赖包,并且 Hexo 能够正常运行。
  • Hexo Admin 插件会自动添加到 Hexo 的插件系统中,不需要额外的配置。
  • 为了安全起见,不建议将 Hexo Admin 部署在公网上,因为它没有内置的认证机制。

hello domain

将hexo博客部署到个人域名上

域名购买

我是在腾讯云买的 首年45元 价格相对实惠
购买的基本流程就是进入腾讯云官网
进入控制台进行域名注册然后付钱买选择的域名就行
https://www.tencentcloud.com/zh/products/domain

阅读更多

hello github

将个人博客源码也托管到github
关键点:分支切换 找到隐藏文件

阅读更多

hello hexo

Hexo+Github搭建个人博客

1. 介绍

这是首次安装hexo成功后创建的test文档!

2. 常用操作

通过终端
cd 进入自己创建的myblogs文件夹
然后执行
hexo clean 清静态缓存
hexo g 生成html文件
hexo d 部署到Github
hexo s 启动服务 关闭 control+c

3. 注意事项

hexo 首次部署到github时 需要输入账号密码 ,这里的账号密码是指github中的Personal access tokens
可参考https://blog.csdn.net/qq_21040559/article/details/122621179

4. 参考博文:

https://blog.csdn.net/qq_21040559/article/details/122621179
https://hexo.io/zh-cn/docs/commands
https://xie.infoq.cn/article/90dc08c57463df3a1b2ad960f
https://yanglukuan.github.io/2017/08/17/firstblog/

hello menu

自定义修改icarus的菜单,增删改新的菜单选项
比如增加关于、相册等

修改主题的配置文件_config.icarus.yml

1
2
3
4
5
6
7
menu:
主页: /
归档: /archives
分类: /categories
标签: /tags
相册: /photo
关于: /about

注意:后面路径为对应页面的路径,自己需要对照着在Git控制台汇总创建对应页面

在Git控制台中创建对应页面

从博客网站的根目录打开Git控制台,新建对应页面,例如:

1
2
hexo new page "about"
hexo new page "photo"

继续在控制台键入命令

1
2
3
hexo cl
hexo g
hexo s

重新加载博客主页验证

浏览器打开 http://localhost:4000/ 新创建的菜单选项就成功了。

hello theme

对个人博客的主题进行更换。

步骤简介

  1. 进入hexo官网挑选自己喜欢的主题 https://hexo.io/themes/
  2. 确定选择icarus主题,下载icarus主题 https://github.com/ppoffice/hexo-theme-icarus
  3. 更换配置文件 https://github.com/ppoffice/hexo-theme-icarus

遇到的问题

hexo clean时报错 prism_plugin

现象

1
ERROR Plugin load failed: hexo-prism-plugin Error: `prism_plugin` options should be added to _config.yml file at /Users/oo/myblogs/node_modules/hexo-prism-plugin/src/index.js:70:9 at /Users/oo/myblogs/node_modules/hexo/dist/hexo/index.js:255:20

解决

在_config.yml文件中增加下面代码

1
2
3
4
prism_plugin:
mode: 'preprocess' # realtime/preprocess
theme: 'default'
line_number: false # default false