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 \
-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 /home/netease/docker/nginx/ssl:/etc/ssl \
-v /etc/localtime:/etc/localtime:ro \
-p 80:80 \
-p 443:443 \
nginx
```

10.219.103.35

# Netease
## SSL
- [03-证书系统自动更新脚本.md](https://sa.nie.netease.com/docs/cert/%E8%BF%90%E7%BB%B4%E6%94%AF%E6%92%91/Cert/06-%E7%94%A8%E6%88%B7%E6%89%8B%E5%86%8C/03-%E4%BD%BF%E7%94%A8%E6%8C%87%E5%8D%97/03-%E8%AF%81%E4%B9%A6%E7%B3%BB%E7%BB%9F%E8%87%AA%E5%8A%A8%E6%9B%B4%E6%96%B0%E8%84%9A%E6%9C%AC.md#%E4%BA%94%E3%80%81%E5%B8%B8%E8%A7%81%E5%AE%89%E8%A3%85%E9%94%99%E8%AF%AF%E5%A4%84%E7%90%86)

```bash
# 初始化方法1 AuthToken
cert2bot config -u loujiajie -k 9110f789a8234f3bafcc5c3b8b81bcf1 -a https://auth.nie.netease.com -c https://cert2.nie.netease.com

# 初始化方法2 ChainToken 
cert2bot config -t CkZ71185TV9VVjlDzZw93e2j5yr88WNVFbKZANW8cmiA8hV7DRWZMwRkyi2eIfpz -c https://cert2.nie.netease.com

# 申请证书
cert2bot update -i -c CHAIN:FREE:DV:b0c46970-e21d-44cb-bd00-9e21c8ccbef3 -k /home/netease/docker/nginx/ssl/ta.netease.com_key.pem -f /home/netease/docker/nginx/ssl/ta.netease.com_fullchain.pem --reload-cmd="docker restart nginx"
```

## popo
https://open.popo.netease.com/docs/common-service/popo-conversation
### 1. 使用中转页面唤起
```html
http://popo.netease.com/static/html/open_popo.html?ssid=username&sstp=0
```

### 2. 在当前页唤起 POPO


## 其他问题
- [部署在个人服务器上，使用的git+nginx方法，刷新首页无问题，文章页可以点开，点开刷新就是404](https://github.com/auroral-ui/hexo-theme-aurora/issues/227)

# 主题配色
主题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：显示所有文章标签。