<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>ヒニシイズム &#187; 創作革命</title>
	<atom:link href="http://kamosion.com/hinishi/tag/%e5%89%b5%e4%bd%9c%e9%9d%a9%e5%91%bd/feed" rel="self" type="application/rss+xml" />
	<link>http://kamosion.com/hinishi</link>
	<description>ヒニシの日本語日記とP3応援サイト。PlurkとかWPとかいろいろ。</description>
	<lastBuildDate>Sun, 15 Jan 2012 12:15:57 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>[超懶人教學]如何替換創革預設文字的顏色</title>
		<link>http://kamosion.com/hinishi/306</link>
		<comments>http://kamosion.com/hinishi/306#comments</comments>
		<pubDate>Mon, 02 May 2011 13:12:40 +0000</pubDate>
		<dc:creator>Hinishi</dc:creator>
				<category><![CDATA[Teaching]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Stylish]]></category>
		<category><![CDATA[創作革命]]></category>
		<category><![CDATA[教學]]></category>

		<guid isPermaLink="false">http://kamosion.com/hinishi/?p=306</guid>
		<description><![CDATA[<blockquote><p><span style="color: #ff0000;"><strong>轉載須知：</strong></span><br />
<span style="color: #ff0000;"><strong> 本部落格的文章不允許未經告知的全篇及部份轉載，若有需要轉載或引用請先留言通知我。</strong></span><br />
<span style="color: #ff0000;"><strong> （想轉貼到噗浪、facebook、twitter上的人也請留言通知，謝謝。）</strong></span></p></blockquote>
<p>原本只是說說而已沒想到真的會寫教學……應該說原本只打算給親友用而已，但因為昨天聽說很多在創革小說版活動的人都認為新的文字顏色真的對眼睛太不體貼了，閱讀篇幅較長的小說時真的非常痛苦。為了避免有人因為這樣從此便不再到創革來看文（這樣是很可惜的，雖然眼睛也很重要），所以只好把這方法公開出來，有需要的朋友可以參考看看。</p>
<p>當然我在這裡還是衷心希望創革的文字顏色能有改回來的一天……最起碼也用個<span style="color: #444444;">#444444</span>之類的吧……淡灰色真的是一個蠻有攻擊性的顏色（對眼睛來說）。</p>
<p>這裡所使用的方法不只是創革，如果自己會寫語法的話，也可以用在其他網站的設定上，總之是可以自己更改網站外觀的好工具！雖然對網站的原作者有點不好意思，但能夠自由自在的客製也是現在的趨勢之一嘛。</p>
<p>那麼請點繼續閱讀觀看教學～</p>
<p><!--more--></p>
<p>這次我們所使用的是名為「<a href="http://userstyles.org/" target="_blank">Stylish</a>」的瀏覽器外掛。Firefox或是Chrome都有得裝，請大家不用擔心～（？）當然IE的話大概就沒辦法了，真是個害人不淺的<del>小妖精</del>。</p>
<h3><span style="color: #993366;">一、安裝「Stylish」附加元件</span></h3>
<p>首先請先連到「<a href="http://userstyles.org/" target="_blank">Stylish</a>」的官方網站來安裝我們所需要的外掛程式（網站連結請點外掛名稱）。雖然介面是英文，但我想大部分的人應該都看得出來網站上有兩個連結，一個叫做「<span style="color: #ff6600;">Stylish for Firefox</span>」（火狐專用），一個叫做「<span style="color: #008000;">Stylish for Chrome</span>」（Chrome專用）吧？</p>
<p>是的，要安裝這個外掛，只需要點選你所使用的瀏覽器的那個連結，也就是火狐就點火狐，Chrome就點Chrome，然後就跟一般安裝外掛的步驟一樣，快速簡潔地安裝好了。</p>
<p>安裝好了之後還要把設定創革預設文字的語法加進去，才能夠改變創革的預設文字顏色。會寫語法的人可以自己研究怎麼寫（除了文字色以外其他東西也可以自己修改）不會寫的人我也已經做好了簡單的程式碼可以直接套用。</p>
<h3><span style="color: #993366;">二、安裝程式碼</span></h3>
<p>想安裝程式碼的朋友請直接點<a href="http://userstyles.org/styles/47340/revo-create-com-font-color-change" target="_blank">這裡</a>安裝，只要看到有<span style="color: #008000;">Install</span>字樣我想大概就知道要按哪了吧？按下去之後多半會跳出一個對話框確認你是不是真的要裝，反正就一直按確定（or安裝）就好了。</p>
<p>我寫的程式碼是將文字色改為原本的<span style="color: #3b001e;">#3B001E</span>，如果想自己設定其他顏色的朋友，可以自行到設定介面去更改語法。（這裡就不教了因為有點難講解……）</p>
<p>＊＊＊</p>
<p>完成這兩個步驟之後……你就可以馬上點進原本讓你覺得好像蒙上一層白紗的創革了！</p>
<p>讓我們來看看使用前和使用後的差別──</p>
<p>（範例是我自己的文章就是了……）</p>
<p>使用前：</p>
<p><img class="alignnone" src="http://i280.photobucket.com/albums/kk185/momovicky/wp/fon2.png" alt="" width="481" height="325" /></p>
<p>使用後：</p>
<p><img class="alignnone" src="http://i280.photobucket.com/albums/kk185/momovicky/wp/fon1.png" alt="" width="481" height="325" /></p>
<p>特別是使用win7又把字體設定成微軟正黑體的人會特別有感觸吧！雖然新細明體因為本身看起來就比較粗，所以顏色上的變化不會太明顯，但渲染效果比較好的微軟正黑體，只要顏色沒設定好，就會迷濛到你覺得自己得了重度近視。或許有的人會說：那把字體改成新細明體就好啦！但我並不想為了一個網站就犧牲用美美字體看其他網站的權利，所以我選擇用外掛把特定網站的顏色改過來就好XD</p>
<p>雖然字體顏色時間一久看起來就沒什麼差別了，但卻不代表眼睛會跟著適應喔！尤其當你體會過舒服又好看的閱讀體驗後，再回去看霧濛濛的字真的會讓人很不舒服……</p>
<p>如果你在創革有定期追蹤的小說作者，想看文章卻又覺得眼睛不太舒服的話，可以試試這個外掛喔！另外，若是你自己本身就有在創革發表文章的習慣，也可以考慮使用這個外掛，讓你可以長時間編輯文章，卻又不會覺得眼睛疲勞。當然最重要的一點呢，就是<span style="color: #ff0000;">寫文章的時候不要用太多花俏的顏色</span>，不管是在創革還是自己的網誌都一樣喔！因為用了太多顏色的話，就算把其他的文字顏色調淡，整篇文章看起來依舊是<span style="color: #808080;">霧煞煞</span>的啦！</p>
]]></description>
		<wfw:commentRss>http://kamosion.com/hinishi/306/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>[WP外掛教學]如何在自架WordPress網誌使用創革表情符號</title>
		<link>http://kamosion.com/hinishi/305</link>
		<comments>http://kamosion.com/hinishi/305#comments</comments>
		<pubDate>Wed, 23 Mar 2011 07:07:40 +0000</pubDate>
		<dc:creator>Hinishi</dc:creator>
				<category><![CDATA[Teaching]]></category>
		<category><![CDATA[Custom Smilies]]></category>
		<category><![CDATA[表情符號]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[創革]]></category>
		<category><![CDATA[創作革命]]></category>
		<category><![CDATA[外掛]]></category>
		<category><![CDATA[教學]]></category>

		<guid isPermaLink="false">http://kamosion.com/hinishi/?p=305</guid>
		<description><![CDATA[<blockquote><p><strong><span style="color: #ff0000;">轉載須知：</span></strong><br />
<strong><span style="color: #ff0000;">本部落格的文章不允許未經告知的全篇及部份轉載，若有需要轉載或引用請先留言通知我。</span></strong><br />
<strong><span style="color: #ff0000;">（想轉貼到噗浪、facebook、twitter上的人也請留言通知，謝謝。）</span></strong></p></blockquote>
<p>去年開始使用這款表情外掛之後，就一直想寫篇教學，不過因為這外掛雖然使用上挺方便，但教起來卻不是那麼好說明，所以拖了很久。不過繼上一篇<a href="http://kamosion.com/hinishi/246" target="_blank">如何在Plurk使用創革表情符號</a>後，我覺得大家應該會比較想在部落格使用這些表情XD</p>
<p>那麼教學請點繼續閱讀～<!--more--></p>
<h2><span style="color: #000080;">第一步：安裝外掛&amp;下載創革表情符號</span></h2>
<p>在這裡我使用的表情符號外掛是<a href="http://wordpress.org/extend/plugins/custom-smilies-se/" target="_blank">「Custom Smilies」</a>，我想會架WP的人應該也知道怎麼下載安裝外掛吧？所以這方面就省略帶過～</p>
<p>下載安裝完之後記得啟用外掛，然後就可以開始下載你想丟進去的表情符號囉！當然你要用洋蔥頭或是彎彎的表情符號也可以，不過我在這裡示範的是創革的表情符號，所以就只放創革的下載連結啦。</p>
<p>下載網址在<a href="http://revo-create.com/viewthread.php?tid=4838" target="_blank">這裡</a>，後來好像還有更新一些別的表情，不過因為我覺得這些就夠用了，所以也沒有更新就是了。</p>
<h2><span style="color: #000080;">第二步：把表情符號加進清單中</span></h2>
<p>打開下載好的表情符號，把檔名整理一下（建議使用英數組合）以後就可以開始上傳了，「Custom Smilies」這款外掛不支援用網頁上傳，所以我們必須使用FTP軟體把圖檔丟進去。</p>
<p>這裡我使用的FTP軟體是FileZilla。連上自己安裝WP的路徑之後，請找到<span style="color: #008000;"><strong>「wp-includes/images/smilies」</strong></span>這個路徑底下的資料夾，接著把圖檔統統丟進<strong><span style="color: #008000;">「smilies」</span></strong>資料夾裡。</p>
<h2><span style="color: #000080;">第三步：編輯表情符號的代碼</span></h2>
<p>上傳好圖檔後要先設好代碼才能在編輯文章時使用，所以我們先開啟WP的後台，連到「Custom Smilies」的設定頁面。通常上傳完之後你會看到像這樣子有點凌亂的一排圖示：</p>
<p><a rel="lightbox" href="http://i280.photobucket.com/albums/kk185/momovicky/wp/smilies1.jpg"><img class="alignnone" src="http://i280.photobucket.com/albums/kk185/momovicky/wp/smilies1_s.jpg" alt="" width="300" height="206" /></a>（點圖可放大）</p>
<p><strong><span style="color: #008000;">「What to type」</span></strong>的欄位就是我們要填寫的代碼，原本預設的表情符號都已經設定好了，所以可以不用管它，我們要改的是剛才上傳的圖示，<strong><span style="color: #008000;">「What to type」</span></strong>的欄位應該都還是空白的。（示意圖是已經改好的）</p>
<p>不過這樣老實說有點難以閱讀，所以我們可以點選左上角的藍色連結<strong><span style="color: #0000ff;">「Display undefined smilies only」</span></strong>，意思就是只顯示沒有代碼的圖示。按下去之後會如下圖一般只顯示沒有設定的圖示：</p>
<p><a rel="lightbox" href="http://i280.photobucket.com/albums/kk185/momovicky/wp/smilies2.jpg"><img class="alignnone" src="http://i280.photobucket.com/albums/kk185/momovicky/wp/smilies2_s.jpg" alt="" width="300" height="204" /></a>（點圖可放大）</p>
<p>編輯完之後別忘了按下方的Update儲存喔，否則剛剛打的都要重來了。</p>
<p>設定頁面下方還有一些其他設定，順便附上我自己的設定值，可以參考一下。（不過我覺得我應該是沒有動過它）</p>
<p><a rel="lightbox" href="http://i280.photobucket.com/albums/kk185/momovicky/wp/smilies3.jpg"><img class="alignnone" src="http://i280.photobucket.com/albums/kk185/momovicky/wp/smilies3_s.jpg" alt="" width="300" height="195" /></a>（點圖可放大）</p>
<h2><span style="color: #000080;">第四步：在文章中加入符號</span></h2>
<p>設定都弄好了之後，就可以開始試著在文章中使用了。當我們打開文章編輯器時，在文章標題下方的<strong><span style="color: #008000;">「上傳/插入」</span></strong>列表會多出一個微笑標誌。按下去就會顯示我們剛才設定的表情符號。（如果沒有設定代碼，也就是<strong><span style="color: #008000;">「What to type」</span></strong>欄位是空白的圖示就不會出現在選擇清單裡）</p>
<p><img class="alignnone" src="http://i280.photobucket.com/albums/kk185/momovicky/wp/smilies4.jpg" alt="" width="350" height="304" /></p>
<p>因為我把非創革的圖示代碼都去掉，所以目前只會出現創革的表情符號。</p>
<p>按下你要的圖示後，就會自動在文章裡插入代碼，只要編輯文章的過程中不要去更動到那段代碼，文章寫好之後代碼的部份就會自動轉成表情符號了！</p>
<p>示範： <img src='http://kamosion.com/hinishi/wp-includes/images/smilies/r44.gif' alt='[雜草]' class='wp-smiley' />  <img src='http://kamosion.com/hinishi/wp-includes/images/smilies/r18.gif' alt='[版娘]' class='wp-smiley' />  <img src='http://kamosion.com/hinishi/wp-includes/images/smilies/r19.gif' alt='[版鳥]' class='wp-smiley' /> </p>
<p>有任何問題歡迎留言～不過因為我使用上沒有任何問題，所以如果都有按照步驟做卻失敗的話，我也不一定找得出原因就是了（囧）</p>
]]></description>
		<wfw:commentRss>http://kamosion.com/hinishi/305/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>[教學]如何在Plurk使用創革表情符號</title>
		<link>http://kamosion.com/hinishi/246</link>
		<comments>http://kamosion.com/hinishi/246#comments</comments>
		<pubDate>Wed, 08 Jul 2009 16:37:45 +0000</pubDate>
		<dc:creator>Hinishi</dc:creator>
				<category><![CDATA[Plurk]]></category>
		<category><![CDATA[Greasemonkey]]></category>
		<category><![CDATA[Plurk Smile]]></category>
		<category><![CDATA[創作革命]]></category>
		<category><![CDATA[教學]]></category>

		<guid isPermaLink="false">http://kamosion.com/hinishi/?p=246</guid>
		<description><![CDATA[<p>好久沒更新<span style="text-decoration: line-through;">猴子也會的</span>教學文章系列啦ヽ(*ﾟ∀ﾟ*)ノ</p>
<p>這次要教大家如何在Plurk中使用<a href="http://revo-create.com/" target="_blank">創革</a>（創作革命論壇）的表情符號～</p>
<p>像是<img class="alignnone" src=" http://i280.photobucket.com/albums/kk185/momovicky/revo/r38.gif " alt="" width="20" height="20" />、或是<img class="alignnone" src=" http://i280.photobucket.com/albums/kk185/momovicky/revo/r16.gif " alt="" width="20" height="20" />、甚至是<img class="alignnone" src=" http://i280.photobucket.com/albums/kk185/momovicky/revo/r35.gif " alt="" width="20" height="20" />！！（爆）</p>
<p>那廢話不多說，請點繼續閱讀進入教學文！<!--more--></p>
<blockquote>
<h4><span style="color: #ff0000;">配備需求與準備：</span></h4>
<p>1.必須使用firefox火狐瀏覽器。</p>
<p>2.必須安裝Greasemonkey火狐附加元件。（請點<a href="https://addons.mozilla.org/zh-TW/firefox/addon/748" target="_blank">這裡</a>安裝）</p></blockquote>
<p>以上兩樣都必須符合才能夠繼續下面的教學喔～<br />
<a id="01" name="01"></a></p>
<h3><span style="color: #ff0000;">一、安裝Plurk Smile腳本：</span></h3>
<p>裝好Greasemonkey之後首先必須安裝表情符號的腳本才能使用額外的表情符號。</p>
<p>（若是已經在使用的人可以跳過此一步驟直接到<a href="http://kamosion.com/hinishi/246#02">第二步</a>。）</p>
<p>我個人推薦的是<a href="http://userscripts.org/scripts/show/52161" target="_blank">Billy Pan</a>製作的版本，表情符號比較多。請直接點連結進去並按下<strong><span style="color: #ff0000;">Install</span></strong>就會自動安裝了。</p>
<p>安裝成功之後，在噗浪頁面上按下表情符號的按鈕，應該會出現許多可以挑選的表情符號～</p>
<p>但是這個版本並沒有包含創革的表情符號，那我們要如何加入呢？</p>
<p><a id="02" name="02"></a></p>
<h3><span style="color: #ff0000;">二、加上創革表情符號的原始碼：</span></h3>
<p>首先，請先下載蚊子已經設定好的<a href="http://qmosq1988.miroko.tw/emotion.txt">創革表情符號原始碼</a>。請直接按右鍵另存新檔即可。</p>
<p>接著請打開你的火狐瀏覽器，如果已經安裝好Greasemonkey並啟用的話會在右下角的狀態列上看到一個<strong>彩色的小猴子</strong>。</p>
<p>對著小猴子按下右鍵選擇<strong><span style="color: #339966;">「管理腳本」</span></strong>。（如下圖）</p>
<p><a rel="lightbox" href="http://i280.photobucket.com/albums/kk185/momovicky/plurk/emotion1.jpg"><img class="alignnone" src="http://i280.photobucket.com/albums/kk185/momovicky/plurk/emotion1.jpg" alt="" width="300" height="250" /></a></p>
<p>接著就會跑出管理畫面，請選擇剛剛我們已經安裝好的<strong><span style="color: #ff0000;">Plurk Smile腳本</span></strong>（或是你之前就已經在使用的Plurk Smile腳本），並選擇編輯。</p>
<p><a rel="lightbox" href="http://i280.photobucket.com/albums/kk185/momovicky/plurk/emotion2.jpg"><img class="alignnone" src="http://i280.photobucket.com/albums/kk185/momovicky/plurk/emotion2_s.jpg" alt="" width="286" height="350" /></a></p>
<p>（點圖可放大）</p>
<p>點選之後應該會跳出一個記事本檔案，裡面寫滿了密密麻麻的原始碼。</p>
<p>這時候請勿驚慌或是隨便編輯內容（莫急莫慌莫害怕！！←好老梗<img src="http://i280.photobucket.com/albums/kk185/momovicky/revo/r35.gif" alt="" width="20" height="20" />），開始尋找我們要插入創革表情符號原始碼的地方。</p>
<p>（如果沒有自動開啟記事本而是跳出詢問要用哪種程式開啟的視窗時，請直接選擇C槽windows資料夾內的Notepad程式開啟。）</p>
<p>首先，請先按下Ctrl+F，輸入<strong><span style="color: #339966;">「]);」</span></strong>（請注意不要複製到引號）搜尋。基本上原始碼內應該會有很多個，請隨便找一個就好。</p>
<p>接著觀察一下<strong><span style="color: #339966;">「]);」</span></strong>的下方，應該會有一串英文字叫做<strong><span style="color: #339966;">「smileData.push」</span></strong>。</p>
<p>確定都找到之後，請先打開剛剛下載好的創革表情符號原始碼，複製檔案內的<strong><span style="color: #ff0000;">全部語法</span></strong>，</p>
<p>然後貼到<strong><span style="color: #339966;">「]);」</span></strong>和<strong><span style="color: #339966;">「smileData.push」</span><span style="color: #ff0000;">之間的空白處</span></strong>。（如下圖所示）</p>
<p><a rel="lightbox" href="http://i280.photobucket.com/albums/kk185/momovicky/plurk/emotion3.jpg"><img class="alignnone" src="http://i280.photobucket.com/albums/kk185/momovicky/plurk/emotion3_s.jpg" alt="" width="400" height="324" /></a></p>
<p>（點圖可放大）</p>
<p><strong><span style="color: #ff0000;">如果怕不小心刪到原始碼，可以先多按幾次enter隔幾行空白再貼上。</span></strong></p>
<p>貼上之後請直接按儲存檔案（如果有視窗詢問是否覆蓋的話，請選擇是），</p>
<p>然後就可以<span style="text-decoration: line-through;">在檯面上覆蓋一張卡</span>結束這次的教學了。<img class="alignnone" src=" http://i280.photobucket.com/albums/kk185/momovicky/revo/r28.gif " alt="" width="20" height="20" /></p>
<p>最後重新整理你的Plurk頁面後，應該就會發現剛剛的表情符號選項已經多出「創革」這個標籤了，</p>
<p>點下去就可以自由選擇你想用的表情符號囉～</p>
<p><img src="http://i280.photobucket.com/albums/kk185/momovicky/plurk/emotion.jpg" alt="" width="350" height="269" /></p>
<p>（沒出現的話可以把Plurk頁面關掉再打開一次看看，或是稍等一會兒。）</p>
<p>PS：若發現加入創革的表情符號後反而沒辦法使用或是出現錯誤，請直接到<strong><span style="color: #339966;">「管理腳本」</span></strong>的地方選擇我們修改過的腳本，</p>
<p>按下下方的<strong>移除腳本</strong>，然後再到<a href="http://kamosion.com/hinishi/246#01">第一步驟</a>重新安裝Plurk Smile腳本並再照著教學修改一次。</p>
<p>（如果已經重複以上動作數次還是失敗的話，請直接留言告訴我……）</p>
<p style="text-align: left;">==============我是善良的後記分隔線==============</p>
<p>我後來有找到一系列香蕉人的圖示，但是那是另外一個版本的Plurk Smile內的，</p>
<p>使用的圖檔空間並不是我自己的所以不方面公開在這裡，請有需要的朋友再自行跟我拿～</p>
<p>另外，如果有人<span style="text-decoration: line-through;">像小五一樣</span>怎麼樣都看不懂教學的，也可以直接跟我拿已經修改過後的完整原始碼再自己全部取代貼上。</p>
<p>（此服務僅提供給親友）</p>
<p><strong><span style="color: #ff0000;">那麼最後祝大家使用順利，天天快樂噗！</span></strong><img class="alignnone" src=" http://i280.photobucket.com/albums/kk185/momovicky/revo/r31.gif " alt="" width="20" height="20" /></p>
]]></description>
		<wfw:commentRss>http://kamosion.com/hinishi/246/feed</wfw:commentRss>
		<slash:comments>24</slash:comments>
		</item>
	</channel>
</rss>

