-
Go - 网站导航，可部署在服务器 sugouNav可以用来做导航站，或者搜藏自己的网址。网上很多，为啥再开发一个，因为PHP或者静态部署很烦！所以干脆用GO搞了一个【功能】 注册登录 用户管理 网址分组（最大支持到二级分组） 网址权限（指定哪类权限的用户可查看） 主题修改 没了 【特点】 用的 SQLite 数据库，方便移植。 支持 Windows，Linux，Mac 【下载地址】WINDOWS amd64：https://wwzo.lanzoub.com/iRmAX14x2eza arm64：https://wwzo.lanzoub.com/itykp14x2i2b x86：https://wwzo.lanzoub.com/ixtm014x2jhc Linux 平台经测试可用。Mac还没测试，有没大佬测试反馈下LINUX amd64：https://wwzo.lanzoub.com/i8F2K14yyq5a arm64：https://wwzo.lanzoub.com/ipJMW14yyr3e x86：https://wwzo.lanzoub.com/ijODL14yyrfg MAC amd64（英特尔）：https://wwzo.lanzoub.com/iQ9Sq14yyryf arm64（M1芯片）：https://wwzo.lanzoub.com/iOEXk14yyqrc -
三个在线抠图编辑网站 Photokit官网：PhotoKit.com一个在线的图片编辑器，可以在线完成AI抠图、画质增强、曝光修复，第一次进入的朋友可能语言是英文，点击右上角进行语言选择就可以啦和其他网站不同的是，这个网站上传完图片之后，不会立马帮你直接抠图，而是会跳到图片编辑的页面，需要自己动手点击“抠图”除此之外，这个网站有时会跳出一些弹窗广告，抠图的效果还是不错的FocoClipping官网：FocoClipping Remove BG|这是一个比较强大的设计工具网站，它可以使用AI算法，进行智能抠图、精确识别人像、产品和各种图形。只要上传你需要进行抠图的照片，然后等待几秒就可以了Remove BG官网：在线抠图软件_图片去除背景 | remove.bg – remove.bg抠图网站，大部分朋友都知道都这个网站。这个网站的操作非常简单，只要上传图片，然后就会自动帮你进行抠图。但也只能进行单纯的抠图，没有其他功能三个在线抠图工具，相信已经足够日常使用了！！ -
ThinkMusic搭建音乐网站 1、前言在我们的日常生活中，音乐已经成为不可或缺的要素之一，听几首喜欢的音乐，能让原本糟糕的心情变得好起来。虽然现在使用电脑或移动电子设备听歌都很方便，但难免受到诸多会员或VIP限制，难免让我们回想起音乐网站遍地开花的时代。今天，我们就为大家介绍，如何在本地电脑上搭建一个风格界面都不错的ThinkMusic音乐网站，并通过cpolar创建的内网穿透数据隧道将其发布到公共互联网上，让我们能够上传自己喜欢的音乐与大家分享，只为不再受制于人。2、本地网页搭建2.1 环境使用现在个人电脑上最常用的系统是Windows系统，因此可以使用PHPStudy这款软件，作为ThinkMusic音乐网站的虚拟运行环境。2.2 支持组建选择ThinkMusic音乐网站是基于php框架开发，可以提供音乐的上传分享，其运行环境组件包括Nginx、php、MySQL、SQL-Front、FileZilla几项。而PHPStudy也支持这几项软件的直接安装和设置。[2.3 网页安装在PHPStudy安装好网页所需的各项软件后，就可以正式进入ThinkMusic网页的安装。由于ThinkMusic网站是开源的，因此可以轻松找到其源代码的下载。附上 ThinkMusic1.7下载链接 https://gangzi.lanzouj.com/ioH761ukd00f 网站源码下载后，可直接将其解压到PHPStudy的网页文件夹下即可（即WWW文件夹内）。接着我们在PHPStudy的“网站”页面，找到左上角的“创建网站”按钮并点击，设置ThinkMusic音乐网站所需的运行环境，内容包括以下几项域名 – 即本地访问网站的域名；端口 – 即本地ThinkMusic网站的输出端口号；根目录 – 即ThinkMusic网站文件存放的路径，如果记不得详细路径的，可以通过栏位右侧的“浏览”按钮选择网站文件存放位置，自动生成路径；创建FTP和数据库 – 勾选这两项后，PHPStudy会弹出新窗口，分别对FTP和数据库进行设置，设置内容主要为用户名、密码、名称几项；PHP版本 – 通常这项并不需做单独选择，但为防止网站安装时自检报错，因此最好选择5.2（5.X系列）或同系较高版本。各项设置完成后，即可点击页面下方的“确认”按钮，生成ThinkMusic网站的运行环境。如果之后对网站的运行环境有任何变更，也可以点击条目右侧的“管理”按钮，在下拉菜单中进行修改。接着我们在浏览器地址栏中输入“localhost:86/install”(之前设置ThinkMusic网站时将输出端口设置在86端口，因此此处输入86.若设置网站输出端口时有不同，则应输入实际端口号)执行网站安装程序，就能进入ThinkMusic音乐网站的安装界面。接下来就是常规设置，在这里需要对两个部分进行修改，第一部分数据库名称、数据库用户名和密码，我们只要输入PHPStudy设置数据库时设定的用户名和密码即可；第二部分是ThinkMusic网站站长的信息设置，我们只要按实填写即可。完成必要的信息修改和设置后，就可以点击安装页面下方的“提交”，完成ThinkMusic音乐网站的安装。此时网站会提示我们是进入前台或是后台，前台就是访客能够看到的网站，而后台则是我们对该网站进行设置的界面。[外链图片转存失败,源站可能有防盗链机制,建议这时就可以在浏览器地址栏输入localhost:86(自设的端口号)登录本地网站的前台页面进行功能测试，或输入localhost:86/admin登录网站后台进行管理。所有已注册用户都可以上传自己喜欢的歌曲与大家分享，或者创立喜欢的音乐专辑。3、本地网页发布现在，本地ThinkMusic音乐网站已经就绪，接下来要做的，就是将这个本地网站，通过cpolar创建的内网穿透数据隧道发布到公共互联网上。Cpolar支持三种网页隧道模式，分别是临时数据隧道 – 免费试用，24小时重置隧道编号，适用于临时测试场景；固定二级子域名 – 基础版及以上用户可选，可以自定义二级子域名，数据隧道一旦固定就不会变化，并且支持https协议，适合对域名要求不高的小范围网页发布场景。自定义域名 – 专业版及以上用户可选，能够使用从域名供应商处购买的特定域名，并且支持用户自上传网站密钥及证书文件，十分适合商业推广等大范围应用场景。为能更好的说明cpolar的使用方式，我们以固定二级子域名隧道为演示。首先我们需要登录cpolar官网（官网地址为https://www.cpolar.com），下载好cpolar客户端（暂时不用安装，可以先设置好固定二级子域名空白隧道）3.1 Cpolar云端设置首先，登录cpolar的官网，在“仪表盘”页面左侧找到“预留”项，并在“预留”页面选择“保留二级子域名”栏位并对该隧道进行几项简单的信息设置，这几项信息为：地区 – 这里我们在下拉菜单中选择实际使用地即可；二级域名 – 二级域名可以选择自己喜欢的内容填写，不过需要注意的是，该内容最终会显示的公网URL中，因此需要选择合适的内容填入；描述 – 该栏可以看做这条数据隧道的备注，只要方便分辨即可；这三项信息填写完毕后，直接点击右侧的“保留”按钮，创建一条固定的二级子域名隧道。到这里，我们就在cpolar云端设定好一条空白数据隧道，接着我们回到本地电脑，安装cpolar客户端软件，并将cpolar云端的空白二级子域名数据隧道与本地ThinkMusic网站关联起来。3.2 Cpolar本地设置Cpolar客户端下载完成后，可以直接解压双击.msi安装文件进行安装。接着只要一路“next”即可完成安装。接着我们打开cpolar在本地电脑的客户端（可以在浏览器中输入localhost:9200打开cpolar的Web-UI界面，也可以在开始菜单中找到cpolar的快捷方式）在cpolar本地端，我们选择“隧道管理”项下的“创建隧道”项，进入“创建隧道”页面，在这个页面，我们需要填写几项基本信息用于创建数据隧道，这些信息包括：隧道名称 – 可以看做cpolar本地的隧道信息注释，只要方便分辨即可；协议 – 这里我们默认选择http协议；本地地址 – 本地地址即为音乐网站的输出端口号，在这个例子中为86；域名类型 – 由于我们已经在cpolar云端预留了二级子域名的固定隧道，因此勾选“二级子域名”（如果预留的是自定义域名，则勾选自定义域名），并在下一行“Sub Domain”栏中填入预留的二级子域名，该例子中为“thinkmusic”；地区 – 与cpolar云端预留的信息一样，我们依照实际使用地填写即可；这些信息填写完毕后，就可点击页面下方的“创建”按钮，生成能够发布本地音乐网站的公网地址。4、公网访问测试最后，我们可以在“状态”项下的“在线隧道列表”中，找到thinkmusic音乐网站的公共互联网地址，将这个公共互联网地址输入浏览器，就能成功访问到位于本地电脑上的thinkmusic音乐网站。可以看到，使用cpolar生成的内网穿透数据隧道，可以很轻松的将本地电脑上的ThinkMusic音乐网站发布到公共互联网上，即可以作为个人原创音乐发布平台，也能集合一众音乐同好，分享各自对音乐的理解。最重要的是，可以从此不在看别人脸色听歌，打造属于自己的音乐天堂。5、结语可以看到，使用cpolar生成的内网穿透数据隧道，可以很轻松的将本地电脑上的ThinkMusic音乐网站发布到公共互联网上，即可以作为个人原创音乐发布平台，也能集合一众音乐同好，分享各自对音乐的理解。最重要的是，可以从此不在看别人脸色听歌，打造属于自己的音乐天堂。使用cpolar发布个人音乐网站，只是cpolar内网穿透功能的一个应用场景，cpolar创建的内网穿透数据隧道，还能应用在更多场景中。如果您对cpolar的使用有任何疑问，欢迎与我们联系，我们必将为您提供力所能及的协助。当然也欢迎加入cpolar的VIP官方群，共同探索cpolar的无限潜能。 -
如何给网站加上图标？ 一、登录网站：https://realfavicongenerator.net/二、选择图标文章，可以是 jpg/png 等三、生成完，页面最底部按钮点一下：四、按下面的操作做就可以了：1. 下载图标文件包;2. 放在网站根目录下;3. 修改网站上的对应网页即可。———————————————— <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="manifest" href="/site.webmanifest"> <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5"> <meta name="msapplication-TileColor" content="#da532c"> ———————————————— -
给网站底部底部添加蓝色波浪 其实这是很简单的一个HTML+CSS代码，只要将以下代码添加到你的网站底部就可以轻松实现蓝色波浪的动态效果了。 效果展示 使用方法 模板文件位置 Typecho Markup wwwroot/usr/themes WordPress Markup wwwroot/wp-content/themes 先复制下面代码，打开模板文件的footer.php，将其粘贴在一个合适的位置(切记选择粘贴的地方是上一句结束之处）。 核心代码 Markup <!--底部波浪开始--> <div class="wiiuii_layout"> <svg class="editorial" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 24 150 28" preserveAspectRatio="none"> <defs> <path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" /> </defs> <g class="parallax"> <use xlink:href="#gentle-wave" x="50" y="0" fill="#0080FF" /> <use xlink:href="#gentle-wave" x="50" y="6" fill="#0066CC" /> <use xlink:href="#gentle-wave" x="50" y="9" fill="#003D79" /> </g> </svg> </div> <style type='text/css'> .parallax > use{animation: move-forever 12s linear infinite;}.parallax > use:nth-child(1){animation-delay: -2s;}.parallax > use:nth-child(2){animation-delay: -2s; animation-duration: 5s;}.parallax > use:nth-child(3){animation-delay: -4s; animation-duration: 3s;}@keyframes move-forever{0%{transform: translate(-90px, 0%);} 100%{transform: translate(85px, 0%);}}.wiiuii_layout{width: 100%;height: 40px;position: relative;overflow: hidden;z-index: 1;background: var(--footer-bg);}.editorial{display: block; width: 100%; height: 40px; margin: 0;} </style> <!--底部波浪结束--> 熟悉css的朋友可以自行修改相关参数，实现自定义效果