BlueRoseNote/07-Other/Node.js/Hexo/Hexo-Theme-Aurora主题笔记.md

Setup

1. hexo init
2. 在项目根目录安装插件：hexo-plugin-aurora 1.8.4。
3. 在Theme中拉取项目 https://github.com/auroral-ui/hexo-theme-aurora
   1. 安装pnpm
   2. pnpm install
4. 运行npm run clean & build
5. 查看结果。

Nginx

docker run -d --restart=always --name nginx-web \
-v /home/netease/docker/nginx/nginx.conf:/etc/nginx/nginx.conf \
-v /home/netease/docker/nginx/html:/etc/nginx/html \
-v /home/netease/docker/nginx/log:/var/log/nginx \
-v /etc/localtime:/etc/localtime:ro \
-p 80:80 \
nginx

10.219.103.35

主题配色

主题css位于：

• styles
  • theme-variables.scss

数据存储

appStore

• theme
• themeConfig
• hexoConfig

页面

主体：App.vue逻辑位于main.ts。

Component

头部导航栏：/components/Header/src/Header.vue FooterContainer Navigator

Pages

存储hexo 文章模板。

• about.vue
• archives.vue
• category.vue
• index.vue
• links.vue
• tags.vue：显示所有文章标签。