文章彙整

"網站技術與設計"共有661篇文章

首頁  /  新知分享  /  網站技術與設計 ( Page 2)

基本的VPS安全:SSH

在先前的文章中,我們有列出您需要了解的一些有關VPS安全重要事項。在這第二部分,我們會針對保護您的SSH再做些微深入討論。 SSH(安全外殼協定)是一種在非安全的網路中,提供安全連接到您的VPS協定。代表著就算您使用的是公共wifi,您與伺服器之間的連接會一直被加密著。我們一直把SSH安全放在安全檢查列表的首位,因為安全是最重要的事情。如果入侵者可以得到您的SSH訪問權限,他很有可能閱讀您的資料、放一些惡意軟體、執行一些指令,甚至使用您的電腦資源來為比特幣挖礦或下載非法的內容。

基本的VPS安全最佳實踐作法

想像一下,如果您在市中心經營一家實體店且非常忙碌,誰不想要您的錢呢?自古以來最著名的可說是強盜與竊賊了,那就是為何您總是需要在店裡裝設24/7全天候的監視器。 我們都生活在一個一切都在線上的世界,包括您的事業(而竊賊同樣也在線!)您已經在網路上運作您的事業,然後呢?執行線上事業不只是開發您的網站,為您的產品進行促銷,還有支付您收到來自託管公司的所有帳單:來維護您的網站安全,確保沒人能毀掉您的事業。

Vue Storefront +Magento執行

您在線上商店會需要的一切。但許多人抱怨它的速度、資源密集、難以維護等等。若您想讓您的magento體驗更快速,你可能需要為伺服器資源燒更多錢。但如果您不想這麼做,Vue Storefront或許是個選擇。使用Vue.js撰寫的無頭及微服務電商漸進式網路應用程式(PWA)” - 出自他們的網站。理論上您可以將您的magento轉換成PWA,它應該能像手機原生操作系統一樣執行。如果您想讓您的Magento(特別是Magento 1)在沒有花太多金錢讓伺服器升級的情況下,更加快速,或花太多時間升級成Magento 2,那這可能就是答案。

使用git attributes正規化專案換行字元

各位開發者所熟悉的專案版控工具git, 無論是一人專案或多人合作專案都有其用武之地。在多人專案中,數名開發者各自在自己的作業系統上進行開發後,將成果發布到repository 上。其他的開發者則將新的內容拉到自己的環境中,再繼續自己的開發作業。這乍聽之下沒什麼問題,多數情況下也不會有什麼問題──直到你遇到這個詭異的現象

Magento2 擴充模組的ACL權限

過去我們已介紹了如何設定Magento後台使用者的權限,在原生的架構下,各模組依功能可細分控管項目,而在客製擴充功能時,勢必也會遇到權限控管需求,今天就跟各位一同來了解Magento的ACL實作方式。首先,需要先了解Magento的ACL架構,是由使用者(User),角色(Role),與資源(Resource)所組成。透過指定角色擁有哪些資源,再將使用者納入角色,來建構使用者對資源的存取鏈。因此要為新功能增加權限,第一步就是定義新的資源。

五個方法提升 Web Fonts 載入速度

微調 font 文件並進階優化字體載入策略,以實現最快速度和最短 FOUT 表現 在之前的文章我們介紹了關於 system fonts 相對於 web fonts 的優點,與 system fonts 相比,web fonts 會對效能產生負面影響,使用更多數據並且增加網頁耗能,更是對 Google SEO 排名造成間接性的傷害。

System Fonts 和 Web Fonts 比較

什麼是 System Fonts / Web Fonts?System Fonts 顧名思義指的是作業系統內定的字型,因為來自於作業系統(也就是用戶的電腦、手機),不需要去特定網站(如 Google)抓取字體文件,也不需要將字體文件存在我們的網頁伺服器裡。而 Web Fonts 則是儲存於網頁伺服器的字體文件,瀏覽器會在渲染畫面時下載當前網頁指定的字體。在一天之內,瀏覽各種網頁可能會下載成百上千個這樣的文件。 其中一些甚至可能是相同的字體,來自不同的網站。

使用FB Conversions API增加事件與Facebook Pixel兼容

我們也在前篇文章(這裡可以擺個連結)示範了如何使用FB Business SDK新增FB Conversions API,我們將在這篇文章講述如何設定事件。以上是四個常用事件,詳細參數可以到FB Conversions API參數,但是當你已經通過Facebook pixel發送事件則需對重複事件進行刪除,刪除必須滿足兩個條件

FB Conversions API

2021年起 appale 使用 App Tracking Transparency 向 iOS 14 裝置用戶顯示提示。此提示將徵求用戶是否許可第三方應用程式和網站追踪他們,這意味者用戶可以自己選擇是否要提供數據給第三方。影響:這會影響FB在追蹤用戶網路行為,進而影響廣告投放精準度,造成廣告效益降低。由於無法取得資料,業主無法得知廣告效益,是否提升商品加入購物車

在正式環境設定Magento PWA Venia

在開發或測試新功能後,對於在開發者模式下的任何特定Venia環境中,下一步就是要部署正式環境 ,來充分利用Magento前端的客製化及增強程式碼。由於它的屬性與動態性質是基於客製要求及測試,這篇文章將不涵蓋任何標準化下的CI/CD的過程。

翻譯Magento PWA Venia的主題

對於商家來說,針對來自不同國家和語言的顧客,支援不同語言是必須的。原因不用多說:更大的客戶群就意味著更多的商機。有以上需求的Magento商家不用擔心語言支援會是一個麻煩:即使Venia / Magento PWA主題沒有提供拆開即用的國際包(也就是美式英語作為預設語言(en_US));但翻譯一個Venia網站是非常簡單的過程。以下我們就教你怎麼快速進行在Magento中進行前端語言的轉換與翻譯。

Photoshop【超簡單系列】毛髮去背

由於Photoshop軟體運算技術的提升,讓本來很複雜的修圖變的很輕鬆,今天astralweb要與大家分享內建的選取功能,如何快速去除有頭髮的背景,一起來看看如何製作吧! ※本教學使用Adobe Photoshop 2021 (v22.1) 製作 ※本教學需先對工具使用有基本認識 ※本教學需先熟知基本技法,如去背、選取工具、色調調整