Hoàn-Dũng: tháng 10 2010

27 tháng 10, 2010

Syntax highlight for Blogger

Để hiển thị code syntax cho blogspot cần làm theo các bước sau: (đương nhiên là có nhiều cách, đây chỉ là 1 trong số đóthôi)

Đăng nhập blogspot và vào dashboard-->Design-->Edit HTML
Tìm đến đoạn tag ]]></b:skin>
Copy đoạn code dưới đây và paste ngay trước tag ]]></b:skin>

.dp-highlighter
{
font-family: "Consolas", "Monaco", "Courier New", Courier, monospace;
font-size: 12px;
background-color: #E7E5DC;
width: 99%;
overflow: auto;
margin: 18px 0 18px 0 !important;
padding-top: 1px; /* adds a little border on top when controls are hidden */
}

/* clear styles */
.dp-highlighter ol,
.dp-highlighter ol li,
.dp-highlighter ol li span
{
margin: 0;
padding: 0;
border: none;
}

.dp-highlighter a,
.dp-highlighter a:hover
{
background: none;
border: none;
padding: 0;
margin: 0;
}

.dp-highlighter .bar
{
padding-left: 45px;
}

.dp-highlighter.collapsed .bar,
.dp-highlighter.nogutter .bar
{
padding-left: 0px;
}

.dp-highlighter ol
{
list-style: decimal; /* for ie */
background-color: #fff;
margin: 0px 0px 1px 45px !important; /* 1px bottom margin seems to fix occasional Firefox scrolling */
padding: 0px;
color: #5C5C5C;
}

.dp-highlighter.nogutter ol,
.dp-highlighter.nogutter ol li
{
list-style: none !important;
margin-left: 0px !important;
}

.dp-highlighter ol li,
.dp-highlighter .columns div
{
list-style: decimal-leading-zero; /* better look for others, override cascade from OL */
list-style-position: outside !important;
border-left: 3px solid #6CE26C;
background-color: #F8F8F8;
color: #5C5C5C;
padding: 0 3px 0 10px !important;
margin: 0 !important;
line-height: 14px;
}

.dp-highlighter.nogutter ol li,
.dp-highlighter.nogutter .columns div
{
border: 0;
}

.dp-highlighter .columns
{
background-color: #F8F8F8;
color: gray;
overflow: hidden;
width: 100%;
}

.dp-highlighter .columns div
{
padding-bottom: 5px;
}

.dp-highlighter ol li.alt
{
background-color: #FFF;
color: inherit;
}

.dp-highlighter ol li span
{
color: black;
background-color: inherit;
}

/* Adjust some properties when collapsed */

.dp-highlighter.collapsed ol
{
margin: 0px;
}

.dp-highlighter.collapsed ol li
{
display: none;
}

/* Additional modifications when in print-view */

.dp-highlighter.printing
{
border: none;
}

.dp-highlighter.printing .tools
{
display: none !important;
}

.dp-highlighter.printing li
{
display: list-item !important;
}

/* Styles for the tools */

.dp-highlighter .tools
{
padding: 3px 8px 3px 10px;
font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: silver;
background-color: #f8f8f8;
padding-bottom: 10px;
border-left: 3px solid #6CE26C;
}

.dp-highlighter.nogutter .tools
{
border-left: 0;
}

.dp-highlighter.collapsed .tools
{
border-bottom: 0;
}

.dp-highlighter .tools a
{
font-size: 9px;
color: #a0a0a0;
background-color: inherit;
text-decoration: none;
margin-right: 10px;
}

.dp-highlighter .tools a:hover
{
color: red;
background-color: inherit;
text-decoration: underline;
}

/* About dialog styles */

.dp-about { background-color: #fff; color: #333; margin: 0px; padding: 0px; }
.dp-about table { width: 100%; height: 100%; font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; }
.dp-about td { padding: 10px; vertical-align: top; }
.dp-about .copy { border-bottom: 1px solid #ACA899; height: 95%; }
.dp-about .title { color: red; background-color: inherit; font-weight: bold; }
.dp-about .para { margin: 0 0 4px 0; }
.dp-about .footer { background-color: #ECEADB; color: #333; border-top: 1px solid #fff; text-align: right; }
.dp-about .close { font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; background-color: #ECEADB; color: #333; width: 60px; height: 22px; }

/* Language specific styles */

.dp-highlighter .comment, .dp-highlighter .comments { color: #008200; background-color: inherit; }
.dp-highlighter .string { color: blue; background-color: inherit; }
.dp-highlighter .keyword { color: #069; font-weight: bold; background-color: inherit; }
.dp-highlighter .preprocessor { color: gray; background-color: inherit; }

Tiếp đó tìm đến tag </head>
Copy đoạn code dưới đây và paste vào trước tag </head>

<!-- Add-in CSS for syntax highlighting -->
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shCore.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCpp.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCSharp.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCss.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushDelphi.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJava.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJScript.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPhp.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPython.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushRuby.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushSql.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushVb.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushXml.js' type='text/javascript'></script>

Tìm tag </body>
Copy và paste đoạn code sau vào trước tag </body>

<!-- Add-in Script for syntax highlighting -->
<script language='javascript'>
dp.SyntaxHighlighter.BloggerMode();
dp.SyntaxHighlighter.HighlightAll('code');
</script>

Save template và kết thúc

Bây giờ khi post bài muốn sử dụng highlight ta sử dụng theo mẫu sau:

<pre name="code" class=""></pre>

Các giá trị có thể điền vào class là: cpp, csharp, css, delphi, java, js, ruby, sql, vb, xml, php, python, html

25 tháng 10, 2010

Uninstall using rpm

Bài này giới thiệu về cách uninstall một gói rpm (gói mà cài đặt chỉ việc click chuột vào gói đó).

1. Search tên chính xác của gói cần uninstall

rpm -qa | grep một_phần_tên_gói

2. Uninstall gói

rpm -e tên_chính_xác_của_gói

Lưu ý: các lệnh trên thực thi với quyền root

=-=-=-=-=
Powered by Blogilo

13 tháng 10, 2010

Zypper command

Trong openSUSE có thể dễ dàng quản lý, cài đặt gói thông qua YaST. Thế nhưng trong một số trường hợp, khi chỉ cần cài 1 gói nhỏ, phải chờ để mở YaST thì thật lâu. Khi đó cài thông qua command sẽ tiện lợi hơn nhiều. Bài viết đề cập đến một số lệnh zypper để quản lý cũng như cài đặt các gói:

1. Quản lý repo:

zypper repos: liệt kê toàn bộ repo
zypper addrepo URL alias: add repo đưa ra ở URL và đặt dưới tên gọi alias
zypper modifyrepo [command option] [alias|#]: thay đổi repo theo command option, --disable: disable, --enable: enable, --refresh: enable auto-refresh, --no-refresh: disable auto-refresh, --all: tác động lên tất cả các repo
zypper removerepo [alias|#]: remove repo
zypper renamerepo [alias|#] [new-alias]: đổi tên repo
zypper refresh [alias|#]: refresh repo, nếu không có tham số cuối thì refresh toàn bộ repo

2. Quản lý update:

zypper lp: liệt kê các gói cần thiết (needed)
zypper patch: cài các gói needed liệt kê ở trên
zypper lu: liệt kê tất cả các update có thể
zypper up: cài các gói update ở trên

3. Quản lý gói:

zypper search [option] [string]: tìm kiếm gói, * và ? cũng được dùng cho string, option là -C nếu muốn case-sensivity
zypper install [option] [name|rpm_file_URI]: cài đặt một gói, gói đó có thể là đường dẫn đến file rpm hoặc tên của gói đó. Option hay được sử dụng nhất là --repo [alias|#] để chỉ ra cài gói thuộc repo nào. Lưu ý: tên gói có thể kèm theo dấu quan hệ với version ví dụ p7zip>=1.2 để chỉ ra cài gói p7zip có version lớn hơn 1.2 Các dấu quan hệ có thể là: >=, >, =, <, <=
zypper remove [option] [name]: gỡ bỏ 1 gói, tên gói được để ở name và cũng tương tự như ở cài đặt 1 gói. Option cũng tương tự như cài đặt

=-=-=-=-=
Powered by Blogilo

Change Netbeans 's LookAndFeel

Làm việc với Netbeans trên windows thì không vấn đề gì, nhưng trên Linux thì nó có thể gây ra một vài khó chịu. Trong đó điểm yếu lớn nhất đó là Netbeans trên Linux sử dụng Metal L&F, trông xấu xí cục mịch khủng khiếp :(

Dưới đây là các bước để thay đổi L&F của Netbeans (bài viết từ blog của Mario awad):

Download các file .nbm từ Netbeans Substance L&F plugin
Mở Netbeans, vào Tool --> Plugins --> Downloaded
Click vào Add plugin và add 3 file nbm đó
Click Install và restart Netbeans
Vào Tool --> Option --> Miscellaneous --> Look and Feel
Chọn L&F tùy ý và Restart lại Netbeans

=-=-=-=-=
Powered by Blogilo

2 tháng 10, 2010

Create javadoc by using Ant

Ngoài cách tạo trực tiếp javadoc bằng command line, có thể tạo javadoc thông qua Ant tích hợp trong Netbeans.

Trong Netbeans đã cung cấp sẵn chức năng tạo javadocs trong Ant, tuy nhiên chức năng này đối với tôi có khá nhiều bất tiện. Đó là không nén javadocs thành file zip, để chung docs cùng với các file jar (thư mục dist) dẫn đến mỗi lần clean & build là lại phải tạo docs lại. Đoạn code dưới đây có thể khắc phục các nhược điểm đó
Mở file build.xml bằng Netbeans, tìm đến đoạn javadocs và thay bằng đoạn code sau:

<target depends="init,-javadoc-build" description="Build Javadoc." name="javadoc">

</fileset>

</move>

</target>

Sau đó mỗi lần muốn tạo javadocs thì trong project window của Netbeans, click chuột phải vào project muốn tạo và chọn Generate Javadocs là được. File docs có tên là javadoc.zip và lưu trong thư mục javadocs/