這個做Web網頁的系列文章,我會慢慢更新的。這也是對我使用Web前端技術的練習和總結(順便練練用Markdown的寫作)。如果大家覺得好的話,歡迎收藏、點贊、關注! 這個演示的圖片如下:動態圖片有點大,所以一時打開會比較卡湊活着看吧:http://47.96.224.250/m/demo.gif ...
前言 使用Jacman主題的時候發現打開具體文章后,側邊欄還是會展示,我想要的效果是自動隱藏側邊欄,並且展示目錄。但是當我修改了主題配置文件里面close aside屬性為true的時候,發現側邊欄隱藏了,但是目錄沒出來。於是就有了這篇文章,讓我帶你一步步明白原理並解決問題 正文 側邊欄的代碼結構 如圖: 為顯示側邊欄按鈕,對應的是openaside,默認隱藏 為文章目錄,對應的是to和toc a ...
2016-04-09 23:33 1 2398 推薦指數:
這個做Web網頁的系列文章,我會慢慢更新的。這也是對我使用Web前端技術的練習和總結(順便練練用Markdown的寫作)。如果大家覺得好的話,歡迎收藏、點贊、關注! 這個演示的圖片如下:動態圖片有點大,所以一時打開會比較卡湊活着看吧:http://47.96.224.250/m/demo.gif ...
兩種效果如下所示: 隱藏側邊欄: 折疊側邊欄: 下面,分享隱藏側邊欄實現方法: 實現思路:給body切換class,通過class控制側邊欄和主體部分left 來實現效果 html部分: <div class="sidebar">側邊欄< ...
前言 上一篇介紹了Jacman主題的安裝和配置,今天根據上次的基礎做了些優化,讓博客看起來很舒服。 正文 首頁文章展示摘要 該主題首頁文章列表默認是全部展開,感覺不好,我關閉掉了,只展示少量摘要。 修改\themes\jacman下面_config.yml中的expand改成false ...
前言 前面介紹了如何讓百度和谷歌收錄我們的博客,那如何查看自己的博客每天被多少人訪問呢~ 這里我介紹下hexo中如何使用統計插件,每天看到自己的博客訪問量越來越高也是一種享受。 正文 開啟統計功能 我使用的Jacman主題的配置文件中就有配置有統計插件,有谷歌,百度以及CNZZ,我最終選擇 ...
公司最近在做一個視頻直播的功能,里面有個頁面樣式是需要點擊收起側邊欄的,整體效果如圖: 那么如何制作呢,參考了網上的代碼,我發現很簡單,下面就是我制作的代碼: 總結: 1、是通過css動畫效果來制作的,再通過js切換css里面的class ...
前言 之前我們把hexo托管在github,但是畢竟github是國外的,訪問速度上還是有點慢,所以想也部署一套在國內的托管平台,之前查資料聽說gitcafe,但是聽說gitcafe已經被coding收購了,所以就決定部署到coding。 查詢了多方資料,終於鼓搗出了本地一次部署,同時更新 ...
前言 本來想用百度站內搜索,但是沒成功,所以改用swiftype,用起來還是很棒的,這里分享一下我的安裝步驟 正文 注冊 去swiftype官網注冊個賬號,然后登陸,對了不要去在意30天試用, ...
前言 一直想要一個自己的獨立博客,但是覺得申請域名+服務器的太麻煩了就一直沒有實現。偶然機會發現Hexo這個優秀的靜態博客框架,再搭配現在流行的gitHub,簡直是完美寫博客的黃金搭檔(免費+方便)。 於是就上網參考了好多教程最后磕磕碰碰的搭建了起來。但是網上的教程多多手手都有點問題 ...