Skip to content

Lauyo/Arona

BranchesTags
 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

167 Commits
src
src
 
 
LICENSE
LICENSE
 
 
README.md
README.md
 
 
icon.ico
icon.ico
 
 
index.html
index.html
 
 
setting.json
setting.json
 
 
version.txt
version.txt
 
 

Repository files navigation

Important

The project has now been renamed "Arona", older versions of update-alert may no longer work, please update from Plugins Store.

Caution

Our privacy policy has been enhanced and all scripts(not include plugins) containing any third-party APIs will no longer be used but will instead be provided via plugins.



🌎 DEMO  |   📦️ 部署  |   💾 配置項  |   📄 日志  |   🚛 Plugins Store  |   💌 V1.4.5(推送版本)

歡迎使用JerryIs-strong/Arona，你將瞭解如何部署此項目，並簡單地配置網頁的必要設置。請放心，我們將會一切從簡。

❓ "Arona"

名字的由來來自這裏

✨ 特性

  • ⚡簡易性: 一切基於setting.json文件進行配置
  • 🚀高性能: 去除一切其他的功能，只做一個純粹的個人主頁
  • 🌍SEO優化: 我們盡力為你在前期做好SEO優化，減少後續的工作
  • 📱自適應: 我們為不同尺寸的設備做出了適配
  • 🌓暗黑模式: 支援自動暗黑模式的切換
  • 👩‍💻可用性: 全力支援二次開發
  • 🔗URL Parameters: 支援傳入URL Parameters，隱藏不需要的連結
  • 🎠美學: 支援高斯模糊
  • 🚛模組化: 開發者能夠輕易地管理或加入網頁的各項功能與組件

📦️ 部署

  1. NetLify
  2. Github page
  3. Vercel(推介)
  4. 更多靜態網頁托管平臺

⚙️ 以NetLify開始

歡迎使用NetLify部署你的個人主頁，相信這是一個簡單且穩定的方式! 以下教程將會講解如何將此項目部署至NetLify的伺服器。

Deploy to Netlify

  1. 點擊以上的Deploy to Netlify按鈕
  2. 點擊Connect to GitHub
  3. 授權GitHub賬戶，點擊Authorize netlify
  4. 根據步驟，創建Git儲存庫，點擊Save & Deploy
  5. 等待NetLify的部署工作，部署成功

⚙️ 以Github Page開始

歡迎使用Github Page部署你的個人主頁，相信這是一個簡單且穩定的方式! 以下教程將會講解如何將此項目部署至NetLify的伺服器。

  1. 點擊Fork按鈕
  2. 根據步驟，創建GitHub儲存庫，點擊Create
  3. 點擊Settings一欄
  4. 點擊Pages一項
  5. 選擇Main分支，點擊Save
  6. 等待Github Page的部署工作，部署成功

⚙️ 以Vercel開始

歡迎使用Vercel部署你的個人主頁，相信這是一個簡單且穩定的方式! 以下教程將會講解如何將此項目部署至Vercel的伺服器。

Deploy with Vercel

  1. 點擊以上的deploy按鈕
  2. 在"Create Git Repository"一欄中，選擇一個Git儲存庫(推介GitHub)
  3. 根據步驟，創建Git儲存庫，點擊Create fork
  4. 等待Git任務完成
  5. 部署成功

💾 配置項

你現在可以使用JerryIs-strong/pw-config-editor快速和簡單地配置配置項!

以下所用配置項均可以透過setting.json文件配置，如果你不是開發者，請不要移動或刪除setting.json配置文件以外的文件，以免發生錯誤

Basic Environment 基本環境

{
"profile": {
    "website_name": "My SPACE", //網站標題(瀏覽器)
    "subtitle": "海内存知己 天涯若比鄰", //網站副標題
    "description": "JERRY's Homepage", //SEO description
    "name": "SPACE", //作者名稱
    "icon":{
        "method": "local", //作者頭像：1.local | 2.gravatar(自動獲取)
        "local":{
            "url": "/icon.png" //填寫絕對路徑 e.g: sub-background.png
        },
        "gravatar": {
            "email": "" //作者gravatar電郵
        }
    }
},
"display": {
    "background":{
        "url": "background.png" //1.Local: 填寫絕對路徑 e.g: background.png | 2.外部連結: 添加https://標頭 e.g: https://jerrypro.xyz/background.png
    },
    "signature":{
        "enabled": true, //true: 開啓 | false: 關閉
        "content": "JP", //個性簽名
        "auto-hide": true //true: 在移動設備中自動隱藏 | False: 在移動設備中顯示
    },
    "music": { 
        "enabled": true, //true: 開啓 | false: 關閉
        "Show Github Icon": false, //是否顯示Github Project
        "data":{ //可添加多首歌曲，但music-$必須由1開始!(No limit)
            "music_1":{
                "name": "那年 - 任然 • 任然精選集 • 2016",
                "url": "https://music.youtube.com/watch?v=LXBiGyEQmZw"
            },
            "music_2":{
                "name": "圈住你 - 一口甜 • 圈住你 • 2019",
                "url": "https://music.youtube.com/watch?v=RR9w_ZSsTvM"
            }
        }
    },
},
"debug": false, //true: 開啓 | false: 關閉 (除錯模式)
"plugins": [] //安裝組件
}

Link 鏈結按鈕

{
"Link": { //Up to 5 limit
    "link_1": { 
        "enabled": true, //true: 開啓 | false: 關閉
        "title": "facebook",
        "name": "fb", //用於URL Parameters檢測
        "icon": "fa-brands fa-facebook", //fontawesome取得icon的名稱 e.g:fa-brands fa-facebook
        "url": "https://facebook.com", //連結目標
        "target": "blank" //_blank | _self | _parent | _top
    },
    "link_2": {
        "enabled": true, //true: 開啓 | false: 關閉
        "title": "youtube",
        "name": "yt", //用於URL Parameters檢測
        "icon": "fa fa-youtube", //fontawesome取得icon的名稱 e.g:fa-brands fa-facebook
        "url": "https://youtube.com", //連結目標
        "target": "blank" //_blank | _self | _parent | _top
    }
}
}

🔗 URL Parameters

syntax: url + ?media=

Case: 在blog中發放連結

Url NEW OLD
https://demo.webpage.com/?media=blog
blog icon ❎ ✅

🚛 模組

Go to "Document | Get start" to read more about plugins development

切記請勿移除與/plugins/private下的必須模組，移除有關模組可能會導致網頁出錯。

在V1.2.1開始，PW已模組化。你可以隨意添加你需要的功能或組件，同時移除你無需使用的功能或組件以輕量化你的網頁! 一下是添加或移除相關功能或組件的方式:

  1. 於setting.json中的"plugins"添加功能或組件的名稱，同時以","分割多於一個的功能或組件。(功能或組件的名稱應以"xxx.js"中的xxx作爲命名方式)
  2. 於/plugins放置相關功能或組件的js檔案

✨ Star History

Star History Chart

🎀 更新日志

建議覆蓋安裝/更新帶有[!Important]字樣的版本更新。

V1.4.X_[Arona](#-)

V1.4.5[2]: 有數個功能得到改進

  • setting.json(支援設置blur效果的啓或禁用)

V1.4.5[1]: 有數個功能得到改進

  • index.html(add wrapper for plugins to inject)
  • setting.json(improve music setting: now you can set artist and album for the music)
  • open more api for plugins

V1.4.4[1]: 有數個錯誤已被修正

  • Github Icon位置錯誤
  • signature auto-hide功能無法被正確調用
  • debug功能失效

V1.4.3[1]: 有數個功能上的更新

  • notification now have a new style in mobile device

V1.4.2[1]: 有數個功能得到改進

  • fetcher.js(改善整體性能)
  • log.js(改善整體性能)
  • update-alert.js(改善整體性能，修復版本號不一致的錯誤)
  • main.js(改善整體性能)

V1.4.1[1]: 有數個功能上的更新

  • 增添更多關於SEO的選項
  • 支援彈幕通知功能

V1.4.0[3]: 有數個功能上的更新

  • Added breath effect to skill icon

V1.4.0[2]: 有數個錯誤已被修正

  • Github Icon無法被禁用
  • Music被禁用時，父元素share被移除

V1.4.0[1]: 有數個功能上的更新

  • 支持顯示不同語言的編程語言icon
  • update-alert已被整合至默認插件
  • 添加每期更新的默認壁紙
  • 自定義倉庫的名稱

V1.3.X(#4)

INFO: V1.3.x更新生命期完結，共更新 4 次

INFO: V1.3.x的變量(統一)更新已完成，受影響的變量名稱共 14 個，請在可能的情況下酌情更新，以減低將來報錯的可能性

V1.3.2[1]: 已更新文件variable的名稱，故舊有的配置文件可能會出現錯誤。建議使用JerryIs-strong/pw-config-editor更新你當前的配置文件。
[-] 受影響的變量名稱:

  1. basic information > profile
  2. music > share
  3. data > music_data
  4. show_github_icon > enabled

[+] 添加的變量名稱:

  1. display
  2. skills
  3. github_icon
  4. github_user_name
  5. github_repo_name

V1.3.1[1]: 已更新文件variable的名稱，故舊有的配置文件可能會出現錯誤。建議使用JerryIs-strong/pw-config-editor更新你當前的配置文件。
[-] 受影響的變量名稱:

  1. Link-${num.} > link_${num.}
  2. music-${num.} > music_${num.}
  3. Show Github Icon > show_github_icon
  4. Links > links

INFO: 現在可以於Release page下載V1.3.X往後的歷史版本

V1.3.0[2][!Important]: 重新構建數個重要的邏輯代碼

  1. 鏈結以"create"而非"remove"方式產生，因此現在你可以添加超過5個鏈結

V1.3.0[1]: 已更新文件variable的名稱，故舊有的配置文件可能會出現錯誤。建議使用JerryIs-strong/pw-config-editor更新你當前的配置文件。
[-] 受影響的變量名稱:

  1. basic information > basic_information
  2. website name > website_name

V1.2.X(#10)

INFO: V1.2.x更新生命期完結，共更新 10 次

V1.2.6[1]: 已更新文件variable的名稱，故舊有的配置文件可能會出現錯誤。建議使用JerryIs-strong/pw-config-editor更新你當前的配置文件。同時預設不再開啟update-alert模組，但我們仍強烈建議開啟，以取得重要的更新提示。
[-] 受影響的變量名稱:

  1. basic environment > basic information
  2. meta description > description
  3. holder name > name
  4. holder icon > icon
  5. Link > Links

V1.2.5[2]: 預設不再提供bing-api模組

V1.2.5[1]: 解決當網頁不在根目錄時，無法抓取version.txt的錯誤

V1.2.4[4]: 補丁更新

V1.2.4[3]: 重新構建debug的邏輯代碼與樣式
受影響的文件:
root
 |_ src
   |_ plugins
     |_ private
       |_ debug.js
       |_ log.js
   |_ plugins-manager.js

V1.2.4[2]: 補丁更新，增加隱藏Github Icon的設置

V1.2.4[1][!Important]: 重新構建數個重要的邏輯代碼
受影響的文件:
root
 |_ version.txt
 |_ src
   |_ plugins
     |_ private
       |_ debug.js
       |_ fetcher.js
   |_ main.js
   |_ plugins-manager.js

V1.2.3[1]: 修復數個bug

V1.2.2[1]: 重新構建Plugins的執行邏輯(這是一次大型的邏輯重構，你幾乎一定會遇到bug，如果遇到不可緩解的bug，請及時向我們報告)

V1.2.1[1]: 加入模組化，開發者能夠隨時且輕易地管理網頁的各項功能與組件

V1.0.X(#8)

INFO: V1.0.x更新生命期完結，共更新 8 次

V1.0.5[1]: 解決Android設備背景錯位的問題

V1.0.4[6]: 優化SEO，增加對description meta tag的設置項，解決未啟用音樂分享時的錯位問題，增加noscript tag，重命名website description設置項為subtitle

V1.0.4[5]: 合并Github與music欄，使整體更爲整潔

V1.0.4[4]: 優化無障礙設置，添加Debug Mode

V1.0.4[3]: 添加Music Share功能，快來和別人分享喜歡的音樂吧！

V1.0.4[2]: 改進以移除的方式隱藏沒有使用的連結

V1.0.4[1]: 添加對URL Parameters的支持，能在不同場景打開的連結中隱藏當前社交媒體的連結按鈕

INFO: V1.0.3更新生命期完結，共更新 1 次

V1.0.3[1]: 更改背景加載動畫速率

About

No description, website, or topics provided.

Resources

Readme

License

MIT license
Activity

Stars

0 stars

Watchers

0 watching

Forks

0 forks
Report repository

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 56.9%
  • CSS 31.5%
  • HTML 11.6%