本地电脑做服务器搭建私人音乐网站ThinkMusic + cpolar内网穿透

转发自CSDN lisacpolar的文章: ThinkMusic源码搭建音乐网站,并实现公网访问

1. 前言

在我们的日常生活中,音乐已经成为不可或缺的要素之一,听几首喜欢的音乐,能让原本糟糕的心情变得好起来。虽然现在使用电脑或移动电子设备听歌都很方便,但难免受到诸多会员或VIP限制,难免让我们回想起音乐网站遍地开花的时代。今天,我们就为大家介绍,如何在本地电脑上搭建一个风格界面都不错的ThinkMusic音乐网站,并通过cpolar创建的内网穿透数据隧道将其发布到公共互联网上,让我们能够上传自己喜欢的音乐与大家分享,只为不再受制于人。

2. 本地网页搭建

2.1 环境使用

现在个人电脑上最常用的系统是Windows系统,因此可以使用PHPStudy这款软件,作为ThinkMusic音乐网站的虚拟运行环境(PHPStudy下载地址为 https://www.xp.cn/download.html)。

图表 1

2.2 支持组建选择

ThinkMusic音乐网站是基于php框架开发,可以提供音乐的上传分享,其运行环境组件包括Nginx、php、MySQL、SQL-Front、FileZilla几项。而PHPStudy也支持这几项软件的直接安装和设置。

图表 2

3. 网页安装

在PHPStudy安装好网页所需的各项软件后,就可以正式进入ThinkMusic网页的安装。由于ThinkMusic网站是开源的,因此可以轻松找到其源代码的下载。

图表 3

网站源码下载后,可直接将其解压到PHPStudy的网页文件夹下即可(即WWW文件夹内)。

图表 4

接着我们在PHPStudy的“网站”页面,找到左上角的“创建网站”按钮并点击,设置ThinkMusic音乐网站所需的运行环境,内容包括以下几项

  • 域名 – 即本地访问网站的域名;
  • 端口 – 即本地ThinkMusic网站的输出端口号;
  • 根目录 - 即ThinkMusic网站文件存放的路径,如果记不得详细路径的,可以通过栏位右侧的“浏览”按钮选择网站文件存放位置,自动生成路径;
  • 创建FTP和数据库 - 勾选这两项后,PHPStudy会弹出新窗口,分别对FTP和数据库进行设置,设置内容主要为用户名、密码、名称几项;
  • PHP版本 - 通常这项并不需做单独选择,但为防止网站安装时自检报错,因此最好选择5.2(5.X系列)或同系较高版本。

图表 5

图表 6

图表 7

各项设置完成后,即可点击页面下方的确认按钮,生成ThinkMusic网站的运行环境。如果之后对网站的运行环境有任何变更,也可以点击条目右侧的“管理”按钮,在下拉菜单中进行修改。

图表 8

接着我们在浏览器地址栏中输入localhost:86/install(之前设置ThinkMusic网站时将输出端口设置在86端口,因此此处输入86.若设置网站输出端口时有不同,则应输入实际端口号)执行网站安装程序,就能进入ThinkMusic音乐网站的安装界面。

图表 9

接下来就是常规设置,在这里需要对两个部分进行修改,第一部分数据库名称、数据库用户名和密码,我们只要输入PHPStudy设置数据库时设定的用户名和密码即可;第二部分是ThinkMusic网站站长的信息设置,我们只要按实填写即可。

图表 10

完成必要的信息修改和设置后,就可以点击安装页面下方的“提交”,完成ThinkMusic音乐网站的安装。此时网站会提示我们是进入前台或是后台,前台就是访客能够看到的网站,而后台则是我们对该网站进行设置的界面。

图表 11

这时就可以在浏览器地址栏输入localhost:86(自设的端口号)登录本地网站的前台页面进行功能测试,或输入localhost:86/admin登录网站后台进行管理。

图表 12

图表 13

所有已注册用户都可以上传自己喜欢的歌曲与大家分享,或者创立喜欢的音乐专辑。

图表 14

3. 本地网页发布

现在,本地ThinkMusic音乐网站已经就绪,接下来要做的,就是将这个本地网站,通过cpolar创建的内网穿透数据隧道发布到公共互联网上。Cpolar支持三种网页隧道模式,分别是

  • 临时数据隧道 - 免费试用,24小时重置隧道编号,适用于临时测试场景;
  • 固定二级子域名 – 基础版及以上用户可选,可以自定义二级子域名,数据隧道一旦固定就不会变化,并且支持https协议,适合对域名要求不高的小范围网页发布场景。
  • 自定义域名 – 专业版及以上用户可选,能够使用从域名供应商处购买的特定域名,并且支持用户自上传网站密钥及证书文件,十分适合商业推广等大范围应用场景。

为能更好的说明cpolar的使用方式,我们以固定二级子域名隧道为演示。首先我们需要登录cpolar官网(官网地址为 https://www.cpolar.com),下载好cpolar客户端。

在这里插入图片描述

3.1 Cpolar云端设置

首先,登录cpolar的官网,在“仪表盘”页面左侧找到“预留”项,并在预留页面选择保留二级子域名栏位并对该隧道进行几项简单的信息设置,这几项信息为:

  • 地区 - 这里我们在下拉菜单中选择实际使用地即可;
  • 二级域名 - 二级域名可以选择自己喜欢的内容填写,不过需要注意的是,该内容最终会显示的公网URL中,因此需要选择合适的内容填入;
  • 描述 – 该栏可以看做这条数据隧道的备注,只要方便分辨即可;

图表 16

这三项信息填写完毕后,直接点击右侧的保留按钮,创建一条固定的二级子域名隧道。

图表 17

到这里,我们就在cpolar云端设定好一条空白数据隧道,接着我们回到本地电脑,安装cpolar客户端软件,并将cpolar云端的空白二级子域名数据隧道与本地ThinkMusic网站关联起来。

3.2 Cpolar本地设置

Cpolar客户端下载完成后,可以直接解压双击.msi安装文件进行安装。

图表 18

接着只要一路“next”即可完成安装。

图表 19

接着我们打开cpolar在本地电脑的客户端(可以在浏览器中输入localhost:9200打开cpolar的Web-UI界面,也可以在开始菜单中找到cpolar的快捷方式)

图表 20

图表 21

在cpolar本地端,我们选择“隧道管理”项下的“创建隧道”项,进入“创建隧道”页面,在这个页面,我们需要填写几项基本信息用于创建数据隧道,这些信息包括:

  • 隧道名称 – 可以看做cpolar本地的隧道信息注释,只要方便分辨即可;
  • 协议 – 这里我们默认选择http协议;
  • 本地地址 – 本地地址即为音乐网站的输出端口号,在这个例子中为86;
  • 域名类型 – 由于我们已经在cpolar云端预留了二级子域名的固定隧道,因此勾选“二级子域名”(如果预留的是自定义域名,则勾选自定义域名),并在下一行“Sub Domain”栏中填入预留的二级子域名,该例子中为“thinkmusic”;
  • 地区 – 与cpolar云端预留的信息一样,我们依照实际使用地填写即可;

这些信息填写完毕后,就可点击页面下方的创建按钮,生成能够发布本地音乐网站的公网地址。

图表 22

图表 23

4. 公网访问测试

最后,我们可以在状态项下的在线隧道列表中,找到thinkmusic音乐网站的公共互联网地址,将这个公共互联网地址输入浏览器,就能成功访问到位于本地电脑上的thinkmusic音乐网站。

图表 24

图表 25

在这里插入图片描述

可以看到,使用cpolar生成的内网穿透数据隧道,可以很轻松的将本地电脑上的ThinkMusic音乐网站发布到公共互联网上,即可以作为个人原创音乐发布平台,也能集合一众音乐同好,分享各自对音乐的理解。最重要的是,可以从此不在看别人脸色听歌,打造属于自己的音乐天堂。

5. 结语

使用cpolar发布个人音乐网站,只是cpolar内网穿透功能的一个应用场景,cpolar创建的内网穿透数据隧道,还能应用在更多场景中。如果您对cpolar的使用有任何疑问,欢迎与我们联系,我们必将为您提供力所能及的协助。当然也欢迎加入cpolar的VIP官方群,共同探索cpolar的无限潜能。

bit..
关注 关注
  • 20
    点赞
  • 24
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 11
    评论
HTML如何制作音乐网站(如何搭建个人音乐网页
qq_38512792的博客
04-02 914
🎵 音乐网页设计 、🎸仿网易云音乐、各大音乐官网网页、🎶明星音乐演唱会主题、🥁爵士乐音乐、民族音乐、等网站的设计与制作。🏷️HTML音乐网页设计,采用DIV+CSS布局,共有多个页面,排版整洁,内容丰富,主题鲜明,首页使用CSS排版比较丰富,色彩鲜明有活力,导航与正文字体分别设置不同字号大小。导航区域设置了背景图。子页面有纯文字页面和图文并茂页面。🏅 一套优质的💯网页设计应该包含 (具体可根据个人要求而定)📔网站布局方面:计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结
windows本地与云端服务器进行SSH与frp内网穿透.pdf
08-25
什么是FRP frp 是一个专注于内网穿透的高性能的反向代理应用,支持 TCP、UDP、HTTP、HTTPS 等多种协议,且支持 P2P 通信。可以将内网服务以安全、便捷的方式通过具有公网 IP 节点的中转暴露到公网,俗称端口转发 为什么使用 frp ? 通过在具有公网 IP 的节点上部署 frp 服务端,可以轻松地将内网服务穿透到公网,同时提供诸多专业的功能特性,这包括: 客户端服务端通信支持 TCP、QUIC、KCP 以及 Websocket 等多种协议。 采用 TCP 连接流式复用,在单个连接间承载更多请求,节省连接建立时间,降低请求延迟。 代理组间的负载均衡。 端口复用,多个服务通过同一个服务端端口暴露。 支持 P2P 通信,流量不经过服务器中转,充分利用带宽资源。 多个原生支持的客户端插件(静态文件查看,HTTPS/HTTP 协议转换,HTTP、SOCK5 代理等),便于独立使用 frp 客户端完成某些工作。 高度扩展性的服务端插件系统,易于结合自身需求进行功能扩展。 服务端和客户端 UI 页面。
cpolar内网穿透工具
最新发布
05-13
cpolar是一种安全的内网穿透云服务,它将内网下的本地服务器通过安全隧道暴露至公网。使得公网用户可以正常访问内网服务,是一款内网穿透软件。只需一行命令,就可以将内网站点发布至公网,方便给客户演示。高效调试微信公众号、小程序、对接支付宝网关等云端服务,提高您的编程效率。
探索【Zhai-Music】:一款创新的自建音乐服务器项目
gitblog_00099的博客
04-03 417
探索【Zhai-Music】:一款创新的自建音乐服务器项目 项目地址:https://gitcode.com/lzx8589561/zhai-music 项目简介 Zhai-Music 是一个开源的个人音乐服务器项目,旨在帮助用户在自己的设备上搭建属于自己的音乐平台,从而实现音乐的私有云存储和播放。这款项目以简洁、高效和可扩展性为设计原则,让用户能够享有个性化的音乐体验。 技术分析 核心特性 基...
cpolar内网穿透工具windwos 64位
04-26
适用于windwos 64位系统的内网穿透工具,一键安装,简单操作即可将本地端口发布到公网.
自己服务器内网穿透搭建技术
07-28
在自己的服务器上搭建内网穿透,让外网的人看到自己电脑上的网站
cpolar.exe,安全的内网穿透工具
12-08
安全的内网穿透工具,只需一行命令,就可以将内网站点穿越任意NAT防火墙暴露至公网,方便给客户演示。高效调试微信公众号、小程序、对接支付宝网关等云端服务,提高您的编程效率。
手把手搭建Java在线音乐网站【附源码】(毕设)
08-08
一、项目简介本课程演示的是一套基于SSM实现的在线音乐网站,主要针对计算机相关专业的正在毕设的学生与需要项目实战练习的Java学习者。课程包含:1. 项目源码、项目文档、数据库脚本、软件工具等所有资料2. 带你从零开始部署运行本套系统3. 该项目附带的源码资料可作为毕设使用4. 提供技术答疑二、技术实现后台框架:Spring、SpringMVC、MyBatisUI界面:JSP、jQuery 、H-ui数据库:MySQL 三、系统功能本在线音乐网站采用JSP动态网页开发技术,JAVA编程语言,基于B/S架构,使用SSM框架技术,使用MySQL数据库,充分保证了系统的稳定性和安全性。该系统主要分为前台和后台两大功能模块,共包含两个角色:用户、管理员。具体的系统功能如下:1.前台功能 前台首页、音乐浏览、音乐搜索、音乐分类查找、音乐详情、音乐播放、音乐下载、添加收藏、新闻公告、留言交流、用户注册、用户登陆、个人中心、用户信息修改、我的收藏、意见反馈、修改密码等功能。2.后台功能 后台系统登陆、管理员管理、用户信息管理、音乐管理、音乐类型管理、新闻公告管理、用户评价管理、意见反馈管理、留言交流管理、消息回复管理等功能。 该系统功能完善、界面美观、操作简单、功能齐全、管理便捷,具有很高的实际应用价值。 四、项目截图1)前台首页2)音乐详情播放3)我的收藏4)音乐信息管理5)新增音乐  更多Java毕设项目请关注【毕设系列课程】https://edu.csdn.net/lecturer/2104   
用群晖NAS搭建个人音乐
caoyongsheng的博客
07-29 2748
控制面板」--「外部访问」--启用quickconnect,输入自定义的QuickConnect ID(这个就相当于是你自定义的DSM的访问域名),支持主流格式和无损格式的音乐播放,包括FLAC / MP3 / WMA / APE / OGG / AAC / DTS / PCM / WAV等;让人最爽的是,自动匹配封面和歌词,不用再手动整理音乐的封面,开启歌词插件什么的复杂设置,让搭建私人音乐库变得简单。DS Player的出现让我找到了一个纯粹的音乐APP,让听音乐回归音乐本身。让听音乐回归音乐本身;
web网页音乐播放器代码(有运行原理简介)
08-19
web网页音乐播放器代码(有运行原理简介)
音乐播放器web服务器
05-06
此代码主要用于web服务器端,服务器功能主要有验证登陆者的登陆姓名、登陆密码是否正确,只有有权限授予的管理员才能进入服务器进行具体的操作。进入服务器后,为了给管理员方便的操作体验,管理员通过网页便可以实现查看、修改、增加、删除音乐信息,再点击确定后这些信息会全部上传至服务器,从而避免了管理用通过sql语句进行数据库操作的麻烦过程。根据数据库内的信息量大小,在管理员浏览信息时可以选择通过“滚轮”在一个页面内浏览所有的信息,也可以进行在信息量巨大的时候进行分也查看,此外管理员在查看信息的时候可以根据需求在页面内直接输入mp3文件名称实现直接搜索功能从而迅速进行信息定位。
自建音乐服务器Navidrome之二
技术宅男改变世界
09-03 2772
Last·fm是 Audioscrobbler 音乐引擎设计团队的旗舰产品,以英国为总部的网络电台和音乐社区。有遍布232个国家超过1500万的活跃听众。据说有6亿音乐资源。docker-compose.yml 配置 Navidrome 可以从 Last.fm 和 Spotify 获取专辑信息和图像。Last.fm。首先需要一个Last.fm 免费帐户,其次你要能访问Last.fm。转到 https://www.last.fm/api/account/create 并创建一个 API 帐户。
个人网站音乐服务器,不在是想象:教你搭建个人音乐播放网站(3)
weixin_36202642的博客
08-03 1078
## edna.conf -- configuration file for edna.py## port=后面的内容是http的服务端口,默认8080[server]port = 8080#设置点歌网页的显示模版目录和文件,网页的界面根据模版进行显示,默认为default.ezt# template-dir = templates# template = default.ezt# 如果需要显示m...
【JavaWeb开发项目入门】基于servlet的在线音乐服务器
耀的博客
04-07 3526
此项目是最基础的JavaWeb开发项目,基于servlet+maven+css+JavaScript+html+Mysql实现,对于刚接触JavaWeb开发的小白来说比较友好,如果你对于Mysql和servlet非常熟悉,那么对于你来说应该是算比较容易。后续我会在此专栏更新基于spring的JavaWeb项目,希望读者可以关注我一起学习Web开发。
在线音乐网站的设计和搭建
a9864547的博客
05-05 1882
粒子音乐是一款在线音乐平台,提供各种类型的音乐服务,包括在线收听和下载音乐、创建个人播放列表、查找歌曲和艺术家信息以及享受流媒体音乐服务。用户可以注册并登录以使用高级功能
在线音乐服务器
sweetpymoon的博客
09-07 546
基于HTTP、Servlet、Maven 实现的核心功能: 1.登录、注册 2.上传音乐 3.删除某一个音乐信息 4.删除选中音乐信息 5.查询音乐(包含查找指定\模糊匹配的音乐) 6.添加音乐到“喜欢列表” 7.查询喜欢的音乐(包含查找指定\模糊匹配的音乐) 重要的知识点: 简单的Web服务器设计能力 Java 操作 MySQL 数据库 数据库设计 JSON 的使用 强化 HTTP 协议的理解 Servlet 的使用 Java集合的使用 前端知识的简单使用如:HTML+CSS+JS 面试问题:一次HT
0成本无VPS搭建私人导航、图床、音乐服务器 | vercel freewha
瑞哥的博客
05-30 4367
目的:将一些小服务应用部署到免费的serverless/VPS上去 环境:0成本 实现方式:github + vercel/freewha 效果: 项目一:个人导航 项目二:个人博客 项目三:个人音乐服务器: 背景:上面的项目以前我都是部署在家里群晖上,或者VPS上,但是FRPC和VPS的流量,延时、运维更新等问题,实际用起来很繁琐,最近两年serverless发展很火,于是就萌生了把他们部署到免费的VPS或者serverless产品上 网络上有很多hexo博客部署到vercel、github.
Cpolar内网穿透
09-22
Cpolar内网穿透是一种通过使用Cpolar工具实现的技术,它可以帮助用户在公共网络中访问他们内部网络中的设备或应用程序。通过使用Cpolar,用户可以轻松地将他们的服务暴露给互联网,并且不需要手动配置复杂的网络设置。 要使用Cpolar进行内网穿透,您可以按照以下步骤进行操作: 1. 安装Cpolar:您可以使用curl命令下载并安装Cpolar的最新版本。运行以下命令: curl -L https://www.cpolar.com/static/downloads/install-release-cpolar.sh | sudo bash 这将下载并安装Cpolar。 2. 获取authtoken:在安装完成后,您需要获取一个authtoken以进行认证。运行以下命令: cpolar authtoken [your_token] 将[your_token]替换为您在Cpolar网站上生成的实际authtoken。 3. 启动Cpolar:运行以下命令启动Cpolarcpolar start 如果一切顺利,您将看到Cpolar成功启动。 4. 配置内网穿透:在Cpolar Dashboard的状态监听面板中,您可以找到Cpolar的运行状态和内网穿透的详细信息。您可以在浏览器中访问https://dashboard.cpolar.com/status 并登录以查看。 通过这些步骤,您可以成功配置和使用Cpolar进行内网穿透

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
写文章

热门文章

  • c语言基础知识 入门必看(保姆级教学) 29308
  • 十大经典排序算法(上) 26647
  • windows11 安装vc++6.0 24999
  • 十大经典排序算法(下) 18493
  • Ubuntu 软件安装方法(入门必看) 17405

分类专栏

  • java_JDBC 2篇
  • MySQL 3篇
  • JavaScript 5篇
  • html和css 17篇
  • 微信 1篇
  • 公众号 1篇
  • Linux(Ubuntu)入门必看 9篇
  • C语言练习题 5篇
  • 数据结构与算法 13篇
  • C语言 26篇

最新评论

  • 数据结构与算法——类C语言有关操作和补充

    哆啦搜梦: 请问 4中的2数组名做参数的代码我为什么运行不了?会报错

  • windows11 安装vc++6.0

    Three_13: 你好,为什么学校这个安装和使用的时候全是问号啊

  • java _JDBC 开发

    @每天都要敲代码: java _JDBC 开发

  • 本地电脑做服务器搭建私人音乐网站ThinkMusic + cpolar内网穿透

    qq_43247091: 晚上回去试试,已经搭建的大佬请教下,文件会背压缩码

  • 数据结构与算法——栈和队列定义和特点

    m0_63128276: 写的摩洛哥炒饼玩意

大家在看

  • Stable Diffusion 3 Medium 开源,AI 生图格局迎来巨变
  • MySQL(全网功能最全) 58
  • 抖音直播全域推广:从入门到精通的投放实操指南 218
  • v-if和v-show的区别(性能优化)
  • pdf文件已经发出去了怎么防止别人修改,并且一旦修改阅读者能发现? 511

最新文章

  • javaWeb
  • java _JDBC 开发
  • Java_Jdbc
2024年1篇
2023年36篇
2022年74篇

目录

目录

评论 11
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

bit..

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或 充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值

PHP网站源码坪山网站推广工具哪家好张家口网站优化推广佛山百度关键词包年推广价格安顺网站制作哪家好晋中外贸网站建设推荐毕节百度关键词包年推广推荐黄石网络广告推广报价横岗优化百色网站搜索优化哪家好泰州建网站哪家好沙井关键词排名包年推广报价云浮网页制作价格东莞外贸网站制作海南关键词排名包年推广多少钱文山至尊标王南阳百度竞价包年推广推荐三明英文网站建设哪家好大浪百度爱采购多少钱海东网站优化软件丹东网页设计推荐重庆百姓网标王推荐梧州关键词排名包年推广报价喀什品牌网站设计推荐梧州建站公司山南关键词排名仙桃英文网站建设多少钱阜新建设网站公司罗湖百度网站优化推荐莱芜高端网站设计公司临猗网站seo优化公司歼20紧急升空逼退外机英媒称团队夜以继日筹划王妃复出草木蔓发 春山在望成都发生巨响 当地回应60岁老人炒菠菜未焯水致肾病恶化男子涉嫌走私被判11年却一天牢没坐劳斯莱斯右转逼停直行车网传落水者说“没让你救”系谣言广东通报13岁男孩性侵女童不予立案贵州小伙回应在美国卖三蹦子火了淀粉肠小王子日销售额涨超10倍有个姐真把千机伞做出来了近3万元金手镯仅含足金十克呼北高速交通事故已致14人死亡杨洋拄拐现身医院国产伟哥去年销售近13亿男子给前妻转账 现任妻子起诉要回新基金只募集到26元还是员工自购男孩疑遭霸凌 家长讨说法被踢出群充个话费竟沦为间接洗钱工具新的一天从800个哈欠开始单亲妈妈陷入热恋 14岁儿子报警#春分立蛋大挑战#中国投资客涌入日本东京买房两大学生合买彩票中奖一人不认账新加坡主帅:唯一目标击败中国队月嫂回应掌掴婴儿是在赶虫子19岁小伙救下5人后溺亡 多方发声清明节放假3天调休1天张家界的山上“长”满了韩国人?开封王婆为何火了主播靠辱骂母亲走红被批捕封号代拍被何赛飞拿着魔杖追着打阿根廷将发行1万与2万面值的纸币库克现身上海为江西彩礼“减负”的“试婚人”因自嘲式简历走红的教授更新简介殡仪馆花卉高于市场价3倍还重复用网友称在豆瓣酱里吃出老鼠头315晚会后胖东来又人满为患了网友建议重庆地铁不准乘客携带菜筐特朗普谈“凯特王妃P图照”罗斯否认插足凯特王妃婚姻青海通报栏杆断裂小学生跌落住进ICU恒大被罚41.75亿到底怎么缴湖南一县政协主席疑涉刑案被控制茶百道就改标签日期致歉王树国3次鞠躬告别西交大师生张立群任西安交通大学校长杨倩无缘巴黎奥运

PHP网站源码 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化