suweet

小苏的个人博客

首页 归档 标签 关于

搭站历程

2024-06-29 7 min read # study
  1. 云服务器购买
    云服务器选用了阿里云的ECS 2vCPU 2GiB内存 40GiB硬盘，阿里云活动99一年挺划算的，正好账户上不知何年何月存了百来块一直没用掉。

注意的一点：服务器控制台实例管理，记得配置安全组出入方向规则，允许端口范围HTTP(80)、HTTPS(443)等，根据需要来。因为忘记配置，服务器IP能Ping通，本地127.0.0.1:80访问的到，但远程用浏览器访问网站IP却没响应，以为是nginx代理出了问题，摸索了好一会儿。

  1. 域名购买及解析
    域名也是通过阿里云平台买的，suweet.xyz，前几年就在腾讯云上买过这个域名一年来搭建Github Pages静态网站。

域名寓意：suweet.xyz，后缀xyz代表着想象空间的无限、极富创造性的全新世界，suweet由本人姓氏su和sweet（甜、宝贝）组合而来，个人觉得超nice，hhh🤣

  1. ICP备案
    ICP备案流程走的比较久，由于域名的购买、网站的搭建和ICP的备案申请都在同一天，导致可能是工信部管局的系统里还没我的相关域名信息，初次提交的备案被驳回了，过了两个休息日后周一重新提交就一切正常流程在走了，预计管局审核20天左右还挺久的。

  2. nginx代理
    nginx代理上，需要将默认80端口定位到的网页位置修改成目标网站网页目录，试了在/etc/nginx/nginx.conf下配置无效后，在/etc/nginx/sites-available/default里配置就好了。（内容如下）

    server {
     listen 80 default_server;
     listen [::]:80 default_server;
     root /your/web/location;
     index index.html index.htm index.nginx-debian.html;
     location / {
             try_files $uri $uri/ =404;
     }
 }

  3. Gridea静态网页使用
    网页使用了Gridea，一个静态博客写作客户端，在本地Markdown写作博客后上传同步到远程服务器上，很方便。

Gridea，取名也很有意思，"great idea"

  1. 数字证书
    数字证书目的是为了https安全访问网站，证书从阿里云的数字证书管理服务中SSL证书管理去申请，用个人测试证书（原免费证书），创建申请签发下来后下载pem/key格式证书，然后替换nginx/cert目录中.pem和.key文件，重启nginx即可。

搭建个人网站的动机几年前就有了，三年前用的github pages静态网站，但由于对前端框架不太熟就没有后续更多更新，还有一个点是因为没有更新内容的动力，缺少兴趣自发力。虽然大一在电协就怒学了前端三剑客两周，做了个个人简历页面，没有任何框架，纯手撸代码，当时还个人感觉良好hhh。现在先前github的个人网页还可以访问Suweet。github平台真不错hhh，像gitee也是有这项功能的但最近好像在维护。
—— 2024.7.6

为何将现在这个网站搭建？
直接原因是，先前阅读vitalik的文章时，发现他的网页域名是.eth.limo后缀，比较好奇所以去了解了一下。首先xxx.eth是建立在以太坊之上的去中心化域名ENS（Ethereum Name Service），ENS能够将数据链接到域名以便于通过简洁、可读的域名来搜索域名相关数据（比如钱包地址、网页等等）。每个ENS地址都是一个ERC721的NFT，可在Opensea等NFT交易所进行交易。
而eth.limo是一种ENS网关，将ENS和IPFS（星际文件系统，一种点对点的分布式文件系统）关联，能够把ENS域名解析为其在IPFS上存储的内容。
在琢磨了一阵后就打算也搞一个ENS，不过发现还是挺贵的，注册费是每年$5，而网络费则会有所波动（几天时间里），在3Gwei到10Gwei不等，差不多也是$8上下波动，所以一直处在一个观望状态。期间也去摸索了下IPFS，倒不需要花钱，不过想要参与进IPFS网络并存储数据，也需要提供自己的设备为他人存储。
后来突发奇想就打算先把中心化的网站给先弄出来，后面再尝试搞去中心化的，因此也就有了如今的页面。
当然，根本的原因还是一直有搭建个人博客的这个念头在，希望通过个人博客可以有一个自己对外的窗口去展现自己。许多机会不会主动找上你，你要去争取，而表现自己是起码的条件，否则别人不会看到你的优点。
—— 2024.7.8

今天ICP备案通过了，可以正式从域名访问了。
另外，原先页面格式显示不正常是由于网页通过https访问，要么在Gridea上传时将域名项改成http协议，或者就是去申请SSL证书并部署上服务器。
当前采用已可HTTPS访问，在阿里云平台申请了免费SSL证书，有效期三个月，然后在服务器上配置了nginx。
—— 2024.7.8

很棒！使用了Gridea支持的评论系统Gitalk。
参考在Gridea中配置Gitalk评论系统，在github里注册一个OAuth Apps来生成一对客户端ID和Secret，以此授权评论者对当前页面文章提交评论（以Issue的形式）到我的评论储存仓库。
有个缺点是需要登录github，后面改成匿名的。

OAuth应用里填写Homepage URL和Authorization callback URL时一定注意了，一定要和自己在Gridea的远程基础配置里填写的域名一致。我的域名是https://suweet.xyz但填成了https://www.suweet.xyz，是不行的，咋还整上万维网的前缀了...

—— 2024.7.18

给网页添加音乐！酷😎！
可以用普通的<audio>标签做，不过由于浏览器上不能直接访问本地文件的问题，还需要做其他的处理，比如把音乐放在网页项目路径下使用https获取，虽然看到的时间是0:00，点击后就能加载出来了。
这其中还涉及到gridea怎么把静态的音乐文件也上传到云上。如何一起同步自己的静态文件

​<audio id="audio" controls="" preload="none">
      <source id="mp3" src="https://suweet.xyz/mp3/The weight - The Band.mp3">
</audio>

​

另外也可以在各大音乐平台生成外链播放器代码使用。

<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=21809908&auto=1&height=66"></iframe>

—— 2024.7.22

Powered by Gridea RSS