週記主題介紹

發表於 | 分類於 | 0 comments

週記主題介紹

前言

關於建立這blog ，其實我是想訓練自己看能不能達成每週寫一篇文章，持之以恆。而每週的主題都要想說做什麼實在有點麻煩，所以我搜尋了全世界最強的source code網站github，找尋用javascript就能設定的拉霸網頁，說實話我很久沒寫網頁對我來說真的很難自已硬幹一個來用。

修改程式碼說明

在此感謝matthewlein大神的js拉霸程式碼!有興趣的人可以自行去參考，他的設定蠻簡單的。以下是我修改的地方說明：

index.html修改部分：

1
2
3
4
5
6
7
8
9
10
11
<ul class="slot">
<!-- In reverse order so the 7s show on load -->
<!-- 修改拉霸的內容跟項目可以增加、減少和改名稱 -->
    <li>program</li>
    <li>travel</li>
    <li>sports</li>
    <li>invest</li>
    <li>games</li>
    <li>food</li>
    <li>freestyle</li>
</ul>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
.fancy .jSlots-wrapper {
    overflow: hidden;
    height: 100px;
    width: 500px;/*修改css寬度由於我的拉霸字過長*/
    display: inline-block; /* to size correctly, can use float too, or width*/
    border: 1px solid #999;
}

.fancy .slot li {
    width: 500px;/*修改css寬度由於我的拉霸字過長*/
    line-height: 100px;
    text-align: center;
    font-size: 70px;
    font-weight: bold;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.8);
    font-family: 'Gravitas One', serif;
    border-left: 1px solid #999;
}

jquery.jSlots.js修改說明：

1
2
3
4
5
6
7
8
9
10
11
12
13
14

$.jSlots.defaultOptions = {
    //其他設定因人而異
    number : 1,          // Number: number of slots 由於我每週只要一個主題，所以這邊設定為1
    winnerNumber : 1,    // Number or Array: list item number(s) upon which to trigger a win, 1-based index, NOT ZERO-BASED
    spinner : '',        // CSS Selector: element to bind the start event to
    spinEvent : 'click', // String: event to start slots on this event
    onStart : $.noop,    // Function: runs on spin start,
    onEnd : $.noop,      // Function: run on spin end. It is passed (finalNumbers:Array). finalNumbers gives the index of the li each slot stopped on in order.
    onWin : $.noop,      // Function: run on winning number. It is passed (winCount:Number, winners:Array, finalNumbers:Array)
    easing : 'swing',    // String: easing type for final spin. I recommend the easing plugin and easeOutSine, or an easeOut of your choice.
    time : 7000,         // Number: total time of spin animation
    loops : 6            // Number: times it will spin during the animation
};

我的週記主題介紹

介紹完了別人，那我換我來介紹一下我設定的主題，說明一下我這個blog的走向。

  1. program 程式
  2. travel 旅遊
  3. sports 運動
  4. invest 投資理財
  5. games 遊戲娛樂
  6. food 美食
  7. freestyle 自由發揮

1. program 程式

程式顧名思義，就是我希望我能分享一些技巧、有趣的程式···等，除了是能記錄讓之後自己好回想外，也希望能與大家交流！

2. travel 旅遊

旅遊是我希望能讓我多走出戶外，看看世界的美好外，也能放鬆身心！若以後有機會拍影片出個Vlog，當個Youtuber!

3. sports 運動

我其實蠻熱愛看運動比賽的，但實際去嘗試的時間很少。這個主題也是讓我能去嘗試或來介紹一下我所知的運動，讓大家了解！

4. invest 投資理財

投資理財，這是一個人生長久學習的課程。雖然我只是一名工程師，但還是要多了解相關商業財經的知識，多多益善！

5. games 遊戲娛樂

當工作壓力大，外面天氣不好或者只想賴在家，遊戲娛樂就是一個簡單的紓壓方式，打打Switch悠閒的度過，忘卻煩惱！

6. food 美食

民以食為天，吃飯是每天都要做的事情，但除了要吃好吃的，也要吃健康或開心！分享給各個吃貨！

7. freestyle 自由發揮

freestyle自由發揮，這是我最後想到的一個主題。可以是寫1~6的主題外，也可以寫一些其他的！若以後因此能建立新的主題也不錯！

結語

我大概的說明就到此結束，或許以後會增加主題或調整！
那來用我設定的網站來抽下禮拜的主題吧！

連結在此

我下週的主題是「travel」
Imgur

0%