道喜技术日记

Posted by cnruby Fri, 07 Jul 2006 17:48:00 GMT

Ubuntu安装使用系列: 目录和说明

自动安装博客软件Typo

1. 说明：
   
   • Rails框架的版本一定要>=1.1.4
     
   • Window版本好像有问题（日期：20060708-1717）。
2. 下载博客软件Typo：

   gem install typo

3. 安装和启动博客软件Typo：

   typo install /opt/typo

4. 相关资料：
   
   • http://scottstuff.net/blog/articles/2006/07/05/first-typo-4-0-pre-release
   • http://typo.onxen.info/articles/2006/07/06/typo-with-installer
   • http://scottstuff.net/blog/articles/2006/07/03/anyone-want-an-installer-for-typo

________________________________________________________________ 您只要点击下面图标，就可以把本文加入到您喜欢的公共收藏库中去。

Posted in 开发工具, Typo+Mephisto | Tags Automatic, Ubuntu, install, typo | no comments | no trackbacks

Posted by cnruby Thu, 22 Jun 2006 19:34:00 GMT

cd /opt/downloads
wget http://www.huddletogether.com/projects/lightbox2/lightbox2.02.zip
mkdir lightbox2.02
cd lightbox2.02
unzip ../lightbox2.02.zip

1. vi themes/phokus/layouts/default.rhtml
<%= javascript_include_tag "typo" %>
<%= javascript_include_tag "lightbox" %>
<%= stylesheet_link_tag "/stylesheets/lightbox.css" %>

2. get blog1/public/stylesheets/lightbox.css
cp css/lightbox.css /opt/daoxi/typo/public/stylesheets/.
cp js/lightbox.js /opt/daoxi/typo/public/javascripts/.
3. use www.Flickr.com:
<typo:lightbox img="134906659" thumbsize="small" displaysize="medium"/>
or
use HTML:
<div class="lightboxplugin">
  <a rel="lightbox" href="/blog3/files/news20060512-0201_google_trends.png">
    <img width="240" height="160" src="/blog3/files/news20060512-0201_google_trends.png" />
  </a>
</div>



<a target="_blank" href="/blog1/files/rails20060509-0303_plugin_calendar_helper.png">
  <img alt="" src="/blog1/files/rails20060509-0303_plugin_calendar_helper.png" /></a>

vi themes/phokus/stylesheets/phokus.css

img {
        border: none;
        max-width: 501px;
}

img {
        border: none;
        max-width: 900px;
}

修改lightbox.js，目的显示一组图的关闭图：
var fileBottomNavCloseImage = "/blog1/images/closelabel.gif";


http://www.huddletogether.com/projects/lightbox/
http://www.oobaloo.co.uk/articles/category/ruby-on-rails


________________________________________________________________ 您只要点击下面图标，就可以把本文加入到您喜欢的公共收藏库中去。

Posted in Typo+Mephisto | Tags AJAX, LightBox

Posted by cnruby Thu, 22 Jun 2006 17:20:00 GMT

1. 以安装phokus款式为例。下载软件款式（theme）：
   http://phonophunk.com/typo-themes/
   或者
   http://typogarden.com/articles/2005/11/29/phokus-theme
   下载：phokus.zip

   cd /opt/downlaods/
   wget http://www.hhtong.com/blog1/files/phokus.zip 

2. 解压并复制到目录<TYPO_HOME>/themes下

   unzip phokus.zip
   cp -r phokus /opt/daoxi/typo/themes/

3. 可选步骤，把标题图片该为自己的图片：
   修改文件<TYPO_HOME>\themes\phokus\stylesheets\phokus.css
   代码（修改内容为）如下：

   #header {
       background: #1381d4 url(../../images/theme/bg_9.png) no-repeat;
       height: 168px;
       margin: 0 4px;
       position: relative;
       width: 750px;
   }

   原来图片名称为hd-bg-02.gif。图片放在目录<TYPO_HOME>\themes\phokus\images下，该图片是标题图。

   cp /home/gdluo/leetsoft1/themes/phokus/images/bg_9.png /opt/daoxi/typo/themes/phokus/images/bg_9.png

4. 作为管理员用户进入软件Typo后台。
5. 点击Themes，再点击你的软件款式，整个安装结束。
6. 可选步骤，增加Google统计分析：

   vi /var/www/hhtong/blog1/themes/phokus/layouts/default.rhtml
   
   如下代码从Google网站获取，加入到上面的文件中。

   <!-- Google Analytics -->
   <script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
   </script>
   <script type="text/javascript">
   _uacct = "UA-126050-2";
   urchinTracker();
   </script>
   

________________________________________________________________ 您只要点击下面图标，就可以把本文加入到您喜欢的公共收藏库中去。

Posted in Typo+Mephisto | Tags theme, typo | no comments | no trackbacks

Posted by cnruby Thu, 22 Jun 2006 17:09:00 GMT

Typo软件：如何显示很长的一行代码

在款式phokus中解决方法如下：
修改文件

vi themes/phokus/stylesheets/phokus.css

原来代码为：

pre {
    border: 1px solid #c2e5ff;
    overflow: hidden;
    padding: 10px;
    width: 479px;
} 

修改代码为：

pre {
    border: 1px solid #c2e5ff;
    overflow: auto;
    padding: 10px;
    width: 479px;
}

________________________________________________________________ 您只要点击下面图标，就可以把本文加入到您喜欢的公共收藏库中去。

Posted in Typo+Mephisto | Tags typo | no comments | no trackbacks

Older Posts: 1 2