Hexo-GitHub-Pages-搭建个人博客
一、准备工作1. 安装Node.js下载Node.js:官网下载地址(这里以Windows 为例):
双击下载好的.msi文件,按下一步下一步,安装好就可以;
在cmd命令窗口,输入下面的这个命令,如果能够显示Node.js的版本,说明安装成功了。
node -v
2. 安装Git下载Git:官网下载地址(这里以Windows 为例,我是在这里下载的) 你也可以到官网下载 ;
双击下载好的Git安装包,按下一步下一步,进行安装即可;
在cmd命令窗口,输入下面的这个命令,如果能够显示Git的版本,说明安装成功了。
git -version
想对Git有更多的了解,可以从下面几个网站学习,若你有更好的网站,也可以推荐给我:官网W3Cschool
二、Hexo搭建博客1. 安装Hexo在计算机中,新建一个winneyBlog文件夹,用于存放自己的博客内容。
在winneyBlog文件夹内,鼠标右键,选择Git Bash,进入到命令窗口
在命令窗口中,输入下面代码:npm install -g hexo-cli
如图所示:
2. 初始化Hexo在命令窗口中,输入下面代码:(会在winneyB ...
网站监控轻量源码
uptime-status一个基于 UptimeRobot API 的在线状态面板
GIT库:https://github.com/jgwycom/uptime-status/
事先准备Where to find the api_keys?They are found under “My Settings” page.
While making a request, you must send the api_key in your request’s body. API key as a query parameter is only allowed for getMonitors endpoint:
您需要先到 UptimeRobot 添加站点监控,并在 My Settings 页面获取 API Key
获取API页面https://uptimerobot.com/api/
您需要拥有一个网站空间,常见的 Nginx / PHP 等空间即可,甚至是阿里云的 OSS 等纯静态空间也行
如何部署:
下载并解压缩:uptime-status.zip
修改 confi ...
10个让你不可思议的网站-还不快收藏
Dante:高级定制AI聊天机器人
在几分钟内构建AI聊天机器人,无需编码
在你的网站上进行培训、个性化以及嵌入
为你喜爱的通讯平台和网站(如WhatsApp、Slack、Discord等)创建AI聊天机器人
🔗 http://dante-ai.com
Promptbase
通过销售提示赚钱
出售你的ChatGPT、DALL·E、GPT、Midjourney、Stable Diffusion、Leonardo AI提示
🔗 http://promptbase.com
FocuSee:将屏幕录制转化为引人注目的视频
录制你的屏幕、自拍和配音
为视频添加动态缩放效果,无需手动编辑
🔗 http://gemoo.com/focusee/
AlternativeTo:寻找免费的应用或软件替代品🔗 http://alternativeto.net
WonderDynamics一款自动将CG角色动画、光线和构图到真人场景的AI工具
🔗 http://wonderdynamics.com
微软的Bing图像生成器一个可免费使用的AI工具,用于生成图像
Bing是MidJ ...
海外VPS一键配置堡塔面板
大多数菜鸟用户购买了海外VPS。面对linux系统如何快速傻瓜式安装好web管理面板,下面我来带大家用一条命令就解决。
#一、首先,更新你的服务器:运行 sudo apt-get update && sudo apt-get dist-upgrade (Ubuntu/Debian) 或者 sudo yum update (centos)并重启。这一步是可选的,但推荐。
#二、安装堡塔面板堡塔面板是国内用户最多的中文界面服务器控制面板,遇到问题也能在官方论坛得到相对及时的回复。https://www.bt.cn
堡塔面板官方下载页面:https://www.bt.cn/new/download.html
也可以直接执行:ubuntu安装脚本:wget -O install.sh https://jglt.net/vpn/install-ubuntu_6.0.sh && sudo bash install.sh ed8484bec或wget -O install.sh https://download.bt.cn/install/install-u ...
阿里云免费SSL证书申请指南及二级域名设置
阿里云免费SSL证书是digicert品牌的DV单域名证书,一个阿里云账号一年可以申请20张免费SSL证书,免费SSL证书是在阿里云数字证书管理服务控制台申请的,阿里云百科来详细说下阿里云免费SSL证书申请方法、证书下载及第二年到期续费说明:
#阿里云免费SSL证书申请方法有同学反馈阿里云免费SSL证书没有了?错,一直都有啊,阿里云一直都是免费SSL申请,只是隐藏得比较深,阿里云百科图文详解阿里云SSL免费证书申请教程:##1、登录到阿里云数字证书管理服务控制台##2、点击左侧栏的“SSL证书”–“免费证书”–“立即购买”,如下图:
##3、勾选“云盾证书服务服务协议”,点“立即购买”,支付0元即可,如下图:
每个实名主体个人/企业,一个自然年内可以领取一次数量为20的免费证书资源包。至此,你已免费购买了20张阿里云免费SSL证书,购买后在后台填写证书绑定域名、域名验证、联系人信息、密钥算法、CSR生成方式即可申请并下载SSL证书,下面阿里云百科来详细说下免费SSL证书下载教程:#免费SSL证书绑定域名下载教程
##1、在阿里云数字证书管理服务控制台
##2、点击左侧栏的“S ...
在微软云azure上更换ip
首先登陆azure portal。附上网址:https://portal.azure.com。
然后来到你的实例。
然后点击你的ip。
进入公共ip配置,先取消ip与虚拟机的关联,我们准备更换ip。
取消关联完成后,我们到配置这里,进行动静态ip切换,换到你喜欢的或者能用的就ok了。
但是换ip还没完,在重新返回概述,重新关联下就完成了!
Butterfly 4.10 更新日志
文档
🚀 快速开始
📑 主题页面
🛠 主题配置-1
⚔️ 主题配置-2
❓ 主题问答
⚡️ 进阶教程
破壞性內容
更改 rightside-bottom 為 rightside_bottom
12- rightside-bottom:+ rightside_bottom:
重構 gallery 標籤外掛
寫法變更
默認為滾動到顯示區域才加載圖片
更改依賴, 由 nk-o/flickr-justified-gallery 改為 egjs-infinitegrid
12345 CDN: option:- # flickr_justified_gallery_js:- # flickr_justified_gallery_css:+ # egjs_infinitegrid:
更改 ClickShowText 為 clickShowText
123456789101112131415-ClickShowText:+clickShowText: enable: false text: - I - LOVEee ...
自定义侧边栏
文档
🚀 快速开始
📑 主题页面
🛠 主题配置-1
⚔️ 主题配置-2
❓ 主题问答
⚡️ 进阶教程
自定義側邊欄適用於 >= 3.8.0
側邊欄現在支持自定義了,可以添加自己喜歡的 widget。
可添加自己的 widget,也可以對現有的 widget 進行排序(博客資料和 公告這兩個固定,其它的能排序)
widget 排序只需要配置 sort_order就行。(使用了 Flex 佈局的 order 屬性,具體可查看 mozilla 文檔。簡單來講,就是配置數字來實現排序,如果不配置,則默認為 0。數字越小,排序越靠前。
12345678910111213141516aside: ... card_recent_post: sort_order: # Don't modify the setting unless you know how it works card_categories: sort_order: # Don't modify the setting unless you know how it works card_t ...
Butterfly 安裝文档(六) 进阶教程
文档
🚀 快速开始
📑 主题页面
🛠 主题配置-1
⚔️ 主题配置-2
❓ 主题问答
⚡️ 进阶教程
建議
不要把個人需要的文件/圖片放在主題source文件夾裏,因為在升級主題的過程中,可能會把文件覆蓋刪除了。在Hexo根目錄的source文件夾裏,創建一個文件夾來放置個人文件/圖片。引用文件直接為/文件夾名稱/文件名
音樂音樂界面使用了插件 hexo-tag-aplayer使用方法請參考插件文檔
音樂頁面只是普通的page頁,按普通頁面操作生成就行。
以下內容可供選擇配置
注意: 仍需要安裝插件hexo-tag-aplayer
插件會在每一個文件都插入 js 和 css,為了避免這一情況,3.0 版本內置了 aplayer 需要的 css 和 js。
首先在Hexo根目錄_config裏配置asset_inject為false
12aplayer: asset_inject: false
然後在你需要使用aplayer的頁面Front-matter添加
1aplayer: true
這樣只會在需要aplayer的頁面插入js和css。
如 ...
Butterfly添加全局吸底Aplayer教程
文档
🚀 快速开始
📑 主题页面
🛠 主题配置-1
⚔️ 主题配置-2
❓ 主题问答
⚡️ 进阶教程
以下文章只是教程
如果部署之后,并没有出现 aplayer , 请确认是否跟足步骤操作或者更换音乐源,多试试。
如果遇到使用問題,请仔细查看插件文档,或者到插件那裏反饋。
前言如果你想使用 aplayer,很多人都會推薦安裝 hexo-tag-aplayer 這款插件。這款插件通過 Hexo 獨有的標籤外掛,我們可以很方便的寫入一些參數,插件就會幫我們生成對應的 html。如果你只是使用一些簡單的功能,其實無需使用到這個插件,只需以 html 格式書寫就行,不用插件去轉換。
例如:
如果使用插件,在 markdown 中要這樣寫
1<table><tbody><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td cla ...