2012-11-29

tumblr tips: 用作个人页

tumblr 一直在用/常规用法 歪说个另类的/个人简页 见 demo 需翻墙 觉得麻烦的也可以直接去用 about.me

/以 demo 为例简述几点:

登陆 tumblr 另外新建一个 blog 入 setting 选 theme/Notations 并 customize 之 自定义 css 可写入 customize 边栏底部的 custom css 框或去 edit html 写入



右上角的几个快捷按钮 install theme 可在 appearance 项中勾选 hide 然后填入以下 css 清除其余
iframe#tumblr_controls {display:none;}
找到模板底部的 archive rss search about 的相关代码一并删去 如这几段
<div class="UtilityLinks"><a href="/archive">{lang:Archive}</a>
<a href="{RSS}">{lang:RSS}</a>
{block:IfShowAskLink}
<a href="/ask">ASK A QUESTION</a>
{/block:IfShowAskLink}
{block:IfShowSubmitLink}
<a href="/submit">SUBMIT</a>
{/block:IfShowSubmitLink}
</div>

<div class="Search">
<form action="/search" method="get">
<input type="search" class="Text" name="q" value="{SearchQuery}" placeholder="{lang:Search}"/>
</form>
</div>

<div class="Colophon">
This website uses the <a href="http://www.tumblr.com/theme/8631">NOTATIONS</a> theme by <a href="http://bendelaney.me/">Ben Delaney</a>, and is powered by <a href="http://tumblr.com">TUMBLR</a>.
</div>

description 对 html 几乎无限制 所以要挂的内容在那栏编写即可 输入框可拉大

demo 里挂了个 box player 和 FF feed widget 并涂上了非悬停透明效果/填入 css
#sg {
opacity:0.1;
transition:0.8s;
-moz-transition:0.8s; /* Firefox 4 */
-webkit-transition:0.8s; /* Safari and Chrome */
-o-transition:0.8s; /* Opera */}

#sg:hover{
opacity:1;}

description 内编辑需要附效果的内容
<div id="sg">内容</div>
绑域把一级域 A 向 66.6.44.4 把 www 等二级 cname 向 domains.tumblr.com.


/当然这只是大材小用 你完全可以用 Tumblelog 来满足你的任意 PO. 其的 bookmarklet 依然强大

tags