【教程】个人主页搭建以及申请萌ICP备

    103

1.前言

这是一个用于展示个人社交信息与网站信息的主页项目,博主非相关专业,搭建教程整理书写略显粗糙,仅供学习交流

2.准备工作

必须:一个GitHub账号

可选:一个自用域名(已托管至cloudflare这种域名解析商)

可选:一个cloudflare账号

3.源码地址

https://github.com/solaireh3/home-vue

4.Vercle一键部署

点击后自动部署并创建仓库

Deploy with Vercel

5.Commit Changes

注意:把solaireh3替换成自己的用户名

修改主页信息

https://github.com/solaireh3/home-vue/blob/main/.env

修改社交信息

https://github.com/solaireh3/home-vue/blob/main/src/config/links.json

修改个人网站

https://github.com/solaireh3/home-vue/blob/main/src/config/site.json

注意:在GitHub修改这些信息后,不用重新部署,vercel会自动拉取

附图标库:https://fa6.dashgame.com

6.CNAME至自用域名

Add Domain

IMG_3346.jpeg

设置好合适的域名

IMG_3347.jpeg

复制value备用

IMG_3348.jpeg

在cloudflareDNS解析CNAME

IMG_3349.jpeg

7.个人主页展示

https://home.xxxh.de

8.申请萌ICP备

选号地址:https://icp.gov.moe/moeid.php

并在页脚添加以下链接(电脑/手机端均要有显示)

比如我的:<a href="https://icp.gov.moe/?keyword=20252110" target="_blank">萌ICP备20252110号</a>

9.将萌备添加至主页页脚

https://github.com/solaireh3/home-vue/blob/main/.env

IMG_3343.jpeg

https://github.com/solaireh3/home-vue/blob/main/src/App.vue

IMG_3345.jpeg

10.萌备申请成功演示

https://icp.gov.moe/?keyword=20259850

IMG_3350.jpeg

审核通过后会有邮件通知

IMG_3351.jpeg

消息盒子

# 暂无消息 #

只显示最新10条未读和已读信息

⚡️ 小站已稳定运行 啦!