Create Link: Difference between revisions

From LemonWiki共筆
Jump to navigation Jump to search
No edit summary
 
(10 intermediate revisions by the same user not shown)
Line 6: Line 6:
{{Right| hedding=版本資訊 | text=
{{Right| hedding=版本資訊 | text=
* [https://chrome.google.com/webstore/detail/create-link/gcmghdmnkfdbncmnmlkkglmnnhagajbm Create Link 0.4.1]
* [https://chrome.google.com/webstore/detail/create-link/gcmghdmnkfdbncmnmlkkglmnnhagajbm Create Link 0.4.1]
* [[Comparison of Firefox extensions: CopyURL, CoLT, MakeLink|類似的套件比較]]}}
}}


== 使用情境 ==
== 使用情境 ==
在以下三種情境,右鍵點選 Create Link 選單:
在以下情境,右鍵點選 Create Link 選單:
* 鏈結(link):在超鏈結上方,按右鍵點選 Create Link 選單
* 鏈結(link):在超鏈結上方,按右鍵點選 Create Link 選單
* 選取文字(selection):選取某段文字後,在選取的文字上按右鍵點選 Create Link 選單
* 選取文字(selection):選取某段文字後,在選取的文字上按右鍵點選 Create Link 選單
* 頁面(page):在上述兩種地方外,網頁的其他任何地方按右鍵點選 Create Link 選單
* 圖片:在圖檔上方按右鍵點選 Create Link 選單
* 頁面(page):在上述其他地方外,網頁的其他任何地方按右鍵點選 Create Link 選單


== 變數說明 ==
== 變數說明 ==
Line 18: Line 19:
* 鏈結的情境:鏈結的文字
* 鏈結的情境:鏈結的文字
* 選取文字的情境:選取的文字
* 選取文字的情境:選取的文字
* 圖片的情境:網頁的'''標題'''
* 頁面的情境:網頁的'''標題''' (通常顯示在瀏覽器最上方的標題列: title)。如果網頁是採用頁框結構(frame),將只會取最上層的標題資訊。
* 頁面的情境:網頁的'''標題''' (通常顯示在瀏覽器最上方的標題列: title)。如果網頁是採用頁框結構(frame),將只會取最上層的標題資訊。


%htmlEscapedText%
%htmlEscapedText% 編碼網頁文字,例如: & < > ' " 等特殊字元會被編碼成 (1) &  → &amp;amp; (2) <  → &amp;lt; (3) >  → &amp;gt; (4) '  → &amp;apos; (5) "  → &amp;quot;
* 編碼網頁 & < > ' " 五種特殊字元。 (1) &  → &amp;amp; (2) <  → &amp;lt; (3) >  → &amp;gt; (4) '  → &amp;apos; (5) "  → &amp;quot;
* 鏈結的情境: 鏈結的文字
* 語法支援: {{exclaim}} [https://addons.mozilla.org/en-US/firefox/addon/make-link/ Make Link] for {{Fx}} '''沒有'''支援該語法,輸入 %text% 但是選項需要勾選「視為 HTML 元素」,則可處理(& < > " 四種字元) 。 [https://chrome.google.com/extensions/detail/gcmghdmnkfdbncmnmlkkglmnnhagajbm Create Link] for {{Chrome}} ''''''支援該變數語法。
* 選取文字的情境: 選取的文字
* 圖片的情境:網頁的'''標題'''
* 頁面的情境:網頁的'''標題'''


%text_md%
%text_md% 文字遇到 markdown 特殊字元會 escape,例如 - 等符號<ref>[https://www.markdownguide.org/basic-syntax/#escaping-characters Basic Syntax | Markdown Guide]</ref>。
* 鏈結的情境:
* 鏈結的情境: 鏈結的文字
* 選取文字的情境:
* 選取文字的情境: 選取的文字
* 頁面的情境:
* 圖片的情境:網頁的'''標題'''
* 頁面的情境:網頁的'''標題'''


%url%
%url%
* 鏈結的情境:鏈結的網址
* 鏈結的情境:鏈結
* 選取文字或頁面的情境:目前瀏覽網頁的網址
* 選取文字的情境: 如果選取的文字包含鏈結,則顯示該鏈結。如果選取的文字沒有包含鏈結,則顯示目前瀏覽網頁的鏈結
 
* 圖片的情境:圖片的鏈結
* 頁面的情境:目前瀏覽網頁的鏈結


== Create Link Formats ==
== Create Link Formats ==
Line 43: Line 49:
=== HTML syntax ===
=== HTML syntax ===


<pre>
(default settings) <a href="%url%">%text%</a>
(open link in the new window or tab)  <a href="%url%" title="%text%" target="_blank" rel="nofollow noopener">%text%</a>
(open link in the same window or tab) <a href="%url%" title="%text%" rel="nofollow">%text%</a>
</pre>
* [https://chrome.google.com/extensions/detail/gcmghdmnkfdbncmnmlkkglmnnhagajbm Create Link] for {{Chrome}}:
<pre>
<pre>
  (default settings) <a href="%url%">%htmlEscapedText%</a>
  (default settings) <a href="%url%">%htmlEscapedText%</a>
Line 75: Line 74:
語法說明:
語法說明:
![圖片替代文字](圖片連結 "滑鼠游標移到圖上才會出現的提示文字")
![圖片替代文字](圖片連結 "滑鼠游標移到圖上才會出現的提示文字")
<pre>
</pre>
</pre>


=== Forum syntax ===
=== Forum syntax ===
Line 109: Line 105:
</pre>
</pre>


=== other syntax ===
=== Plurk syntax ===
* [http://www.plurk.com/ Plurk][http://s8726319.pixnet.net/blog/post/18592491 語法]: <pre>%url% (%text%)</pre>
* [http://www.plurk.com/ Plurk][http://s8726319.pixnet.net/blog/post/18592491 語法]: <pre>%url% (%text%)</pre>



Latest revision as of 15:00, 1 August 2020

瀏覽器擴充套件 Create Link for Chrome Browser chrome.png 提供便利的方式,可以快速方便擷取網頁標題、網址及選取的段落文字等資訊到系統剪貼簿。

例如:寫Blog要加入外部網頁的連結時,在網頁按右鍵點選 Create Link 選單,除了擷取網頁標題及網址,並會自動加入事先自訂好的開新視窗等語法至剪貼簿。優點是少打很多字!


版本資訊


使用情境[edit]

在以下情境,右鍵點選 Create Link 選單:

  • 鏈結(link):在超鏈結上方,按右鍵點選 Create Link 選單
  • 選取文字(selection):選取某段文字後,在選取的文字上按右鍵點選 Create Link 選單
  • 圖片:在圖檔上方按右鍵點選 Create Link 選單
  • 頁面(page):在上述其他地方外,網頁的其他任何地方按右鍵點選 Create Link 選單

變數說明[edit]

%text%

  • 鏈結的情境:鏈結的文字
  • 選取文字的情境:選取的文字
  • 圖片的情境:網頁的標題
  • 頁面的情境:網頁的標題 (通常顯示在瀏覽器最上方的標題列: title)。如果網頁是採用頁框結構(frame),將只會取最上層的標題資訊。

%htmlEscapedText% 編碼網頁文字,例如: & < > ' " 等特殊字元會被編碼成 (1) & → &amp; (2) < → &lt; (3) > → &gt; (4) ' → &apos; (5) " → &quot;

  • 鏈結的情境: 鏈結的文字
  • 選取文字的情境: 選取的文字
  • 圖片的情境:網頁的標題
  • 頁面的情境:網頁的標題

%text_md% 文字遇到 markdown 特殊字元會 escape,例如 - 等符號[1]

  • 鏈結的情境: 鏈結的文字
  • 選取文字的情境: 選取的文字
  • 圖片的情境:網頁的標題
  • 頁面的情境:網頁的標題

%url%

  • 鏈結的情境:鏈結
  • 選取文字的情境: 如果選取的文字包含鏈結,則顯示該鏈結。如果選取的文字沒有包含鏈結,則顯示目前瀏覽網頁的鏈結
  • 圖片的情境:圖片的鏈結
  • 頁面的情境:目前瀏覽網頁的鏈結

Create Link Formats[edit]

Plain Text syntax[edit]

 (default settings) %text% %url%

HTML syntax[edit]

 (default settings) <a href="%url%">%htmlEscapedText%</a>
 (open link in the new window or tab)   <a href="%url%" title="%htmlEscapedText%" target="_blank" rel="nofollow noopener">%htmlEscapedText%</a>
 (open link in the same window or tab)  <a href="%url%" title="%htmlEscapedText%" rel="nofollow">%htmlEscapedText%</a>

參考資料:

MarkDown syntax[edit]

  • MarkDown links[2]:
(default settings) [%text_md%](%url%)

MarkDown Image syntax[edit]

![%text_md%](%url% "%text_md%")

語法說明:
![圖片替代文字](圖片連結 "滑鼠游標移到圖上才會出現的提示文字")

Forum syntax[edit]

[url=%url%]%text%[/url]

Wiki syntax[edit]


APA style alike syntax[edit]

  • APA style v.5 alike (Citation format):
    Author (Year). %text%. Retrieved LOCAL_TIME, from %url%
  • APA style v.6 alike (Citation format):
    • with published date --
      Author (Year). %text%. Retrieved from %url%
    • without published date --
      Author (n.d.). %text%. Retrieved from %url%

Excel link syntax[edit]

// show text
=HYPERLINK("%url%",  "%text%")

// show text & url
=HYPERLINK("%url%", "%text% %url%")

Plurk syntax[edit]


notes

類似方案[edit]

相關資料