<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="3.9.3">Jekyll</generator><link href="https://cagnurt.github.io/feed.xml" rel="self" type="application/atom+xml" /><link href="https://cagnurt.github.io/" rel="alternate" type="text/html" /><updated>2023-06-30T18:49:02+00:00</updated><id>https://cagnurt.github.io/feed.xml</id><title type="html">Cagnur TK</title><subtitle>This is my personal branding</subtitle><author><name>Cagnur TK</name></author><entry><title type="html">Demystifying MLOps: Enhancing Machine Learning Workflow and Addressing Key Challenges</title><link href="https://cagnurt.github.io/Demystifying-MLOps-Enhancing-Machine-Learning-Work" rel="alternate" type="text/html" title="Demystifying MLOps: Enhancing Machine Learning Workflow and Addressing Key Challenges" /><published>2023-06-30T00:00:00+00:00</published><updated>2023-06-30T00:00:00+00:00</updated><id>https://cagnurt.github.io/Demystifying%20MLOps%20Enhancing%20Machine%20Learning%20Work</id><content type="html" xml:base="https://cagnurt.github.io/Demystifying-MLOps-Enhancing-Machine-Learning-Work">&lt;h4 id=&quot;what-is-mlops&quot;&gt;What is MLOps?&lt;/h4&gt;

&lt;p&gt;Main Source:&lt;/p&gt;

&lt;p&gt;&lt;a href=&quot;https://azure.microsoft.com/en-in/resources/drive-efficiency-and-productivity-with-machine-learning-operations/&quot;&gt;https://azure.microsoft.com/en-in/resources/drive-efficiency-and-productivity-with-machine-learning-operations/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;MLOps:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;Concept or way of working. Not a product or service&lt;/li&gt;
  &lt;li&gt;Approach for streamlining end-to-end ML life cycle&lt;/li&gt;
  &lt;li&gt;Does for Data scientists and/or ML engineers what DevOps does for developers&lt;/li&gt;
&lt;/ul&gt;

&lt;h5 id=&quot;what-problems-does-it-address&quot;&gt;What problems does it address?&lt;/h5&gt;

&lt;p&gt;MLOps addresses the following gaps:&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;DevOps teams strive to automate all their workflows, and for the most part, today they have. However, data scientists/ml engineers are excluded. For example, Git is a perfect tool for building, testing and deploying to a production environment. However, due to the nature of ML projects, Git can be an environment that makes this problematic.&lt;/li&gt;
  &lt;li&gt;ML projects may require tuning, scalability, automation, and packaging. These tasks may take months, and the process is iterative. DevOps does not propose a strategy to support this continuity.&lt;/li&gt;
&lt;/ul&gt;

&lt;h4 id=&quot;versioning&quot;&gt;Versioning&lt;/h4&gt;

&lt;h5 id=&quot;what-is-datasetmodel-versioning&quot;&gt;What is dataset/model versioning?&lt;/h5&gt;

&lt;p&gt;It is the process of applying different naming of different stages of a data/model.&lt;/p&gt;

&lt;h5 id=&quot;in-which-cases-would-it-be-useful&quot;&gt;In which cases would it be useful?&lt;/h5&gt;

&lt;ul&gt;
  &lt;li&gt;Facilitating easy sharing&lt;/li&gt;
  &lt;li&gt;Collaboration&lt;/li&gt;
  &lt;li&gt;Model reuse in an environment that includes comprehensive access control&lt;/li&gt;
  &lt;li&gt;Traceability&lt;/li&gt;
&lt;/ul&gt;

&lt;h5 id=&quot;how-does-it-differ-from-software-versioning&quot;&gt;How does it differ from software versioning?&lt;/h5&gt;

&lt;p&gt;In ML, the data changes over time, and models need to be retrained regularly, which is not the case for software engineering. If the module requires the requirements in the software engineering field, it is frozen.&lt;/p&gt;

&lt;h4 id=&quot;ml-in-academia-vs-industry&quot;&gt;ML in Academia vs. Industry&lt;/h4&gt;

&lt;h5 id=&quot;what-are-the-differences-between-doing-ml-in-academic-and-industrial-settings&quot;&gt;What are the differences between doing ML in academic and industrial settings?&lt;/h5&gt;

&lt;table&gt;
  &lt;thead&gt;
    &lt;tr&gt;
      &lt;th&gt; &lt;/th&gt;
      &lt;th&gt;Academia&lt;/th&gt;
      &lt;th&gt;Industry&lt;/th&gt;
    &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
    &lt;tr&gt;
      &lt;td&gt;Approach to Metric&lt;/td&gt;
      &lt;td&gt;Reach an unreached value&lt;/td&gt;
      &lt;td&gt;Reach an unreached value with many constraints such as less complexity, and low computational cost.&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Data&lt;/td&gt;
      &lt;td&gt;Encourage to open source&lt;/td&gt;
      &lt;td&gt;Confidentiality of both company and customer data&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Model&lt;/td&gt;
      &lt;td&gt;No constrains&lt;/td&gt;
      &lt;td&gt;Large models are not preferred (as they will be used in real-time)&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Deployment&lt;/td&gt;
      &lt;td&gt;No need deployment&lt;/td&gt;
      &lt;td&gt;Optimization has to be done considering the deployment phase&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Pipeline&lt;/td&gt;
      &lt;td&gt;No constrains&lt;/td&gt;
      &lt;td&gt;Long-term and sustainable (Since it has deployment and mass production, it has a long life cycle)&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Owner&lt;/td&gt;
      &lt;td&gt;Individual or Team&lt;/td&gt;
      &lt;td&gt;Company&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Motivation&lt;/td&gt;
      &lt;td&gt;Internally motivated&lt;/td&gt;
      &lt;td&gt;Product-oriented&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Money Support&lt;/td&gt;
      &lt;td&gt;Rare or few (at least for Turkey)&lt;/td&gt;
      &lt;td&gt;Full support from the company&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;

&lt;h4 id=&quot;performance-issues&quot;&gt;Performance Issues&lt;/h4&gt;

&lt;h5 id=&quot;say-your-model-has-a-decent-test-set-performance-but-performs-poorly-in-production-what-could-be-the-issue&quot;&gt;Say your model has a decent test set performance but performs poorly in production. What could be the issue?&lt;/h5&gt;

&lt;p&gt;I assume that the performance refers to the metric in this question. Let’s say you get high accuracy in your test set but not in production. These are the possible reasons:&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;There might be a distribution shift:
    &lt;ul&gt;
      &lt;li&gt;The customer uses different data distribution than yours. For example, your test set does not cover your customer’s need: Bilby is an Australian animal, not found in the animal photos you collected in Turkey. But one of your customers is from Australia and unhappy with this situation.&lt;/li&gt;
      &lt;li&gt;The customer uses different data structures. For example, your test set for image segmentation problems has a high resolution, ex. 1080. But the customers have low resolution, ex 360.&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/li&gt;
  &lt;li&gt;There might be a concept drift. (“change in the relationships between input and output data in the underlying problem overtime”)
    &lt;ul&gt;
      &lt;li&gt;Although you consider your customer’s needs and your test set covers perfectly, the concept of that field may change.&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;If we assume that the performance refers to the needs:&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;There might be a computational cost issue:
    &lt;ul&gt;
      &lt;li&gt;Your test environment has a higher and more powerful GPU but the production has poor. Although the model fits in the GPU, the evaluation process takes longer in real time. This could be a poor performance from the customer’s point of view.&lt;/li&gt;
      &lt;li&gt;The model output requires memory. Your test environment has high memory, and memory is not an issue for you. But the product has less memory. Let us say after a few usages; the customer could not use the product without deleting the old ones because the memory is full. This could be a poor performance from the customer’s point of view.&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/li&gt;
&lt;/ul&gt;

&lt;h5 id=&quot;how-would-you-address-this-problem&quot;&gt;How would you address this problem?&lt;/h5&gt;

&lt;p&gt;The data in which the model fails is examined manually. Try to find a pattern among the data with an error. After finding, a dataset should be created and the model should be retrained with this new dataset. (It is for deep learning. If the data is for machine learning, a discovered or missing feature should be added.)&lt;/p&gt;</content><author><name>Cagnur TK</name></author><summary type="html">What is MLOps?</summary></entry><entry><title type="html">The Power of Modeling: Unlocking the Wonders of Science</title><link href="https://cagnurt.github.io/The-Power-of-Modeling-Unlocking-the-Wonders-of-Science" rel="alternate" type="text/html" title="The Power of Modeling: Unlocking the Wonders of Science" /><published>2023-06-29T00:00:00+00:00</published><updated>2023-06-29T00:00:00+00:00</updated><id>https://cagnurt.github.io/The-Power-of-Modeling-Unlocking-%20the-Wonders-of-Science</id><content type="html" xml:base="https://cagnurt.github.io/The-Power-of-Modeling-Unlocking-the-Wonders-of-Science">&lt;p&gt;Back in 2017, during my time as an engineering student, I had the opportunity to visit the Boston Museum of Science. Little did I know that this visit would profoundly impact my understanding of the world around me. The museum’s dedicated section on modeling caught my attention, and I found myself pondering why modeling, something seemingly simple, warranted such a significant portion of the museum.&lt;/p&gt;

&lt;p&gt;It wasn’t until later, when I embarked on a Computational Neuroscience Ph.D. course, that I began to unravel the remarkable power of modeling. In this article, I will delve into three key aspects that make modeling an indispensable tool in scientific exploration.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Encouraging us to think about the mechanism&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;One of the primary strengths of modeling is its ability to prompt us to contemplate the inner workings of a system. By breaking down complex phenomena into simpler components, modeling allows us to investigate the underlying mechanisms more effectively. It provides a transition from a holistic perspective to a detailed one, granting us the opportunity to question the intricacies of the system.&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;&lt;strong&gt;Shifting the focus to the details&lt;/strong&gt;
Modeling permits us to delve into the finer details of a system, enabling a deeper understanding of its intricacies. By asking probing questions about the behavior of individual components, we can gain insights into the overall behavior of the system as a whole. This shift from the big picture to the specifics helps us uncover valuable knowledge that might otherwise remain hidden.&lt;/li&gt;
  &lt;li&gt;&lt;strong&gt;Identifying dependent and independent variables&lt;/strong&gt;
Another advantage of modeling is its capacity to identify the interrelationships between different variables within a system. By isolating the dependent and independent variables, we can make informed assumptions and simplify the modeling process. This analytical framework allows for more accurate predictions and a clearer understanding of cause-and-effect relationships.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Encouraging us to observe the environment&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Modeling also acts as a catalyst for enhanced environmental awareness. When engaging in the modeling process, we are prompted to consider whether the mechanisms we are examining are similar to those present in the real-world scenarios we encounter. This prompts a conscious evaluation of the environment and encourages us to connect our models to the complexities of the natural world.&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;&lt;strong&gt;Increasing environmental awareness&lt;/strong&gt;
As we develop models, we naturally become more attuned to our surroundings. We begin to notice patterns and similarities between the mechanisms we study and those occurring in our environment. This heightened awareness fosters a deeper understanding of the world and its interconnectedness, helping us make more informed decisions and solutions.&lt;/li&gt;
  &lt;li&gt;&lt;strong&gt;Cultivating curiosity and questioning&lt;/strong&gt;
The act of modeling nurtures an innate sense of curiosity and an eagerness to question the world around us. As we explore different variables and interactions, we often uncover new mysteries that ignite our curiosity. This intrinsic motivation to seek answers pushes scientific progress forward and fuels our desire to unravel the complexities of the universe.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Providing a foundation for complex mechanisms&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Modeling serves as the bedrock upon which numerous scientific disciplines are built. It has played a pivotal role in shaping various fields, enabling breakthroughs that would have otherwise been unattainable.&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;&lt;strong&gt;Hodgkin-Huxley and the birth of Computational Neuroscience&lt;/strong&gt;
The pioneering work of Hodgkin and Huxley in modeling the behavior of neurons marked the birth of computational neuroscience. Their efforts to mathematically describe the electrical activity of neurons laid the foundation for a field that has revolutionized our understanding of the brain and paved the way for advancements in artificial intelligence and neural networks.&lt;/li&gt;
  &lt;li&gt;&lt;strong&gt;Expanding fields through diverse modeling approaches&lt;/strong&gt;
Modeling’s influence extends across a wide range of disciplines, with each unique modeling approach addressing different functionalities and contributing to the development of its respective field. Whether it’s the simulation of physical phenomena, the economic modeling of markets, or the ecological modeling of ecosystems, each application of modeling brings new insights, advances understanding, and propels the growth of diverse scientific domains.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The Boston Museum of Science’s emphasis on modeling sparked my initial curiosity and led me to explore its profound impact. By encouraging us to think deeply about mechanisms, observe our environment, and serve as the foundation for complex systems, modeling empowers us to unravel the mysteries of the world. It fosters a scientific mindset rooted in curiosity and critical thinking, pushing the boundaries of knowledge across various disciplines. As we continue to harness the power of modeling, we unlock new avenues of understanding and pave the way for groundbreaking discoveries that shape our future.&lt;/p&gt;</content><author><name>Cagnur TK</name></author><summary type="html">Back in 2017, during my time as an engineering student, I had the opportunity to visit the Boston Museum of Science. Little did I know that this visit would profoundly impact my understanding of the world around me. The museum’s dedicated section on modeling caught my attention, and I found myself pondering why modeling, something seemingly simple, warranted such a significant portion of the museum.</summary></entry><entry><title type="html">Unraveling Teacher-Student Knowledge Distillation: Enhancing Small Model Performance</title><link href="https://cagnurt.github.io/Unraveling-Teacher-Student-Knowledge-Distillation" rel="alternate" type="text/html" title="Unraveling Teacher-Student Knowledge Distillation: Enhancing Small Model Performance" /><published>2023-06-18T00:00:00+00:00</published><updated>2023-06-18T00:00:00+00:00</updated><id>https://cagnurt.github.io/Unraveling%20Teacher-Student%20Knowledge%20Distillation</id><content type="html" xml:base="https://cagnurt.github.io/Unraveling-Teacher-Student-Knowledge-Distillation">&lt;p&gt;Sources for answering the questions:&lt;/p&gt;

&lt;ol&gt;
  &lt;li&gt;&lt;a href=&quot;https://www.youtube.com/watch?v=k63qGsH1jLo&amp;amp;ab_channel=KapilSachdeva&quot;&gt;https://www.youtube.com/watch?v=k63qGsH1jLo&amp;amp;ab_channel=KapilSachdeva&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;https://www.youtube.com/watch?v=BWuAeCBvavw&amp;amp;ab_channel=TwinEdProductions&quot;&gt;https://www.youtube.com/watch?v=BWuAeCBvavw&amp;amp;ab_channel=TwinEdProductions&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;https://arxiv.org/pdf/2110.00329.pdf&quot;&gt;https://arxiv.org/pdf/2110.00329.pdf&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;https://www.youtube.com/watch?v=yz_A1Vv1F3I&amp;amp;ab_channel=ComputerVisionFoundationVideos&quot;&gt;https://www.youtube.com/watch?v=yz_A1Vv1F3I&amp;amp;ab_channel=ComputerVisionFoundationVideos&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;https://arxiv.org/abs/2006.12000&quot;&gt;https://arxiv.org/abs/2006.12000&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;strong&gt;Take a look at the paper&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;./2023-06-18/Lit_Rev-Knowledge_Distillation.png&quot; alt=&quot;alt-text&quot; /&gt;&lt;/p&gt;

&lt;h2 id=&quot;teacher-student-knowledge-distillation&quot;&gt;Teacher-student knowledge distillation&lt;/h2&gt;

&lt;p&gt;The transferred knowledge of the cumbersome/teacher model, which has a higher capacity and requires a massive amount of computation, to distilled/student model, which cannot be fully utilized with the train from scratch with a large dataset. Instead of the student model learning the information in the data directly, called hard target, the teacher model teaches the student the relational information known on the data, called soft target.&lt;/p&gt;

&lt;h2 id=&quot;why-mimicking-a-trained-large-capacity-model-would-benefit-a-smaller-model&quot;&gt;W&lt;strong&gt;hy mimicking a trained large-capacity model would benefit a smaller model?&lt;/strong&gt;&lt;/h2&gt;

&lt;p&gt;The smaller model cannot utilize large datasets. On the other hand, the large model can. It can extract information from very large, highly redundant datasets requiring regularization, such as dropout. The knowledge acquired by the large model also includes the relationship between the data. Learning the relationship between the information obtained by the large model from the vast data provides an advantage in terms of the small model’s capacity. Also, the small model has fast inference time due to its small size. It allows us to have a fast inference time by imitating the information of the large model.&lt;/p&gt;

&lt;h2 id=&quot;soft-targets--temperature-in-the-context-of-tskd&quot;&gt;S&lt;strong&gt;oft Targets &amp;amp; Temperature (in the context of TSKD)&lt;/strong&gt;&lt;/h2&gt;

&lt;p&gt;Softmax stresses the larger value; however, it may lose relativeness with other values. For example, the input set {1,2,3} gives approximately {0.09, 0.24, 0.66}. The inputs can be scaled with the temperature value and affect the outputs. To illustrate, for the same input set and T is 5, the output is approximately {0.26, 0.32, 0.40}. It highlights the big one; it does not change. While with the increasing temperature, their relationship became more visible.&lt;/p&gt;

&lt;p&gt;The same logic applies to ML. The softmax function is generally used as an output layer activation function since its result carries probability distribution properties. For instance, if the result gives an output with a probability of close to three among ten possible classes, we can deduce the properties of these three classes are similar.&lt;/p&gt;

&lt;p&gt;Due to the nature of the Softmax function, it may not be easy to see because of the convergence at the ends (If the values are high). We will apply the temperature hyperparameter to them; we move them to an area where we can see their relationship quickly. In this way, we make the probability distribution between classes smoother.&lt;/p&gt;

&lt;p&gt;We apply this concept to the pre-trained teacher model to train the student model. We teach the outputs of the teacher model with a specific temperature value (which is a soft target)  to the student model with the same temperature value.&lt;/p&gt;

&lt;h2 id=&quot;alternative-approach&quot;&gt;Alternative Approach&lt;/h2&gt;

&lt;p&gt;The following method is the Knowledge Distillation method, which does not employ the Teacher-Student paradigm to transfer knowledge.&lt;/p&gt;

&lt;p&gt;“Self-Knowledge Distillation”. It has two branches according to [3]: Data augmentation-based approaches and the auxiliary branch-based self-distillation.&lt;/p&gt;</content><author><name>Cagnur TK</name></author><summary type="html">Sources for answering the questions:</summary></entry><entry><title type="html">Importance of MLOps: Two Survey Articles’ Summaries</title><link href="https://cagnurt.github.io/Importance-of-MLOps" rel="alternate" type="text/html" title="Importance of MLOps: Two Survey Articles’ Summaries" /><published>2023-04-30T00:00:00+00:00</published><updated>2023-04-30T00:00:00+00:00</updated><id>https://cagnurt.github.io/Importance%20of-MLOps</id><content type="html" xml:base="https://cagnurt.github.io/Importance-of-MLOps">&lt;p&gt;In this section I presents two important review papers’ summary:&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;Challenges in Deploying Machine Learning: a Survey of Case Studies by Paleyes, Urma, Lawrence&lt;/li&gt;
  &lt;li&gt;Hidden Technical Debt in Machine Learning Systems by Sculley et al.&lt;/li&gt;
&lt;/ul&gt;

&lt;h4 id=&quot;challenges-in-deploying-machine-learning-a-survey-of-case-studies&quot;&gt;Challenges in Deploying Machine Learning: A Survey of Case Studies&lt;/h4&gt;

&lt;p&gt;&lt;img src=&quot;./proj-1/AI_Challanges-Map_1.png&quot; width=&quot;750&quot; height=&quot;595&quot; /&gt;
Figure 1: Considerations, Issues, and Concerns explored in the study&lt;/p&gt;

&lt;p&gt;The study taxonomizes the challenges in the machine learning (ML) deployment stage into
five topics. The first four are technical, and the last one is non-technical: Data Management,
Model Learning/Selection, Model Verification, Model Deployment, and Cross-Cutting
Aspects. Each occupies a place in the deployment phase, and they are processes that can
progress by receiving feedback from each other.&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;color:purple&quot;&gt;Data management consists of data collection, preprocessing, augmentation, and analysis—
data collection questions the existence of the data, and data discovery. Although the
data/dataset exists, it requires preprocessing, such as data dispersion and cleaning. Data
augmentation simply refers to an increasing number of data. However, if the task is not
unsupervised, the labeling problem arises. Other concerns here are access to experts, and
the available data is not rich enough to cover the entire problem. Analyses of the data cover
the studies to improve data quality.&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;color:#4682B4;&quot;&gt;Model learning includes three subtopics: Model training, model selection, and hyper-
parameter selection/hyper-parameter optimization (HPO). Computational cost and
environmental impacts are the main concerns for model training. The model selection has
three issues: If the model is complex, the teams may overwhelm to optimize. If the resource
is restricted, the model should not slow down the iterative process. If the model is not
understandable in business domain terms, it makes the output difficult to interpret. One
issue of HPO is related to resources: Staying away from options that will increase your
hyperparameter set is logical if there are limited resources to try the elements in the set.
HPO often needs to consider specific requirements imposed by the model’s environment so
hardware-aware optimization is another issue in this subtopic.&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;color:#E97451;&quot;&gt;Model verification challenges constitute three aspects: requirement encoding, formal
verification, and test-based verification. Not only reliable performance but also business-
driven performance is added to the requirements. The verification requires high-quality
standards, which are formally set via extensive regulatory frameworks. Tests should consider
the whole real-world environment, which is challenging to be alone. However, simulations
can help in this case but are based on some assumptions.&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;color: #32CD32;&quot;&gt;Model deployment challenges focus on the ineffectiveness of DevOps in the machine
learning process. The study examines it under three headings: Integration, Monitoring, and
Updating. Integration refers to “implementing the model itself in a form that can be
consumed and supported.” (Although the table mentions “operational support” under this
section, I could not find any specific paragraph for this.) &lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;color:#F28C28&quot;&gt;There are non-technical challenges that ML brings to our life: ethical and security concerns.
Gaining the end user’s trust is considered a challenge in this study. Ethical issues are
the following: Restricting access to data due to some regulations that the country restricts,
engineers only thinking technically and not thinking about the social dimension, the labeling
of the trained systems by us, who are prejudiced, a lot of artworks are given for educational
purposes for machine learning to produce art content, the issue of who will own the
property rights of the output, and, last but not least, empowering decision-making on ethical
matters. The upcoming concerns are from security. All of them are adversarial attacks:
intentionally poisoning the data used in training, stealing the model using the input and
model output given to the model, and reconstructing training data from model parameters,
model inversion. The possibility of not using an application that you put on the field with a
lot of effort and not giving confidence to the end-user was also discussed with some
practical solutions. The possible answers include including the end-user in the process, giving
importance to the user’s feedback, and explaining the model to the end user. The study
emphasizes that the last proposal should be a model metric: explainability score.&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;After introducing these challenges, the study classified proposed solutions to these
challenges: Tools &amp;amp; services and Holistic approaches. Although the study’s main
contributions are to overlook the challenges in practices in ML, the main goal is to show the
academic world’s awareness of these challenges.&lt;/p&gt;

&lt;h4 id=&quot;hidden-technical-debt-in-machine-learning-systems&quot;&gt;Hidden Technical Debt in Machine Learning Systems&lt;/h4&gt;

&lt;p&gt;&lt;img src=&quot;./proj-1/AI_Challanges-Technical_Debt.png&quot; width=&quot;750&quot; height=&quot;354&quot; /&gt;
Figure 2: Add title&lt;/p&gt;

&lt;p&gt;The study makes us think that the things that machine learning brings in have a price. It
covers technical debts under seven topics: the border erosion -a boundary problem brought
by complexity-, dependency, analysis, configuration debts, anti-patterning -problems arising
from not having a specific pattern-, instability of the external world, and others.&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;color:orange&quot;&gt;Firstly, the study discusses boundary erosion. Encapsulation is not possible for machine
learning. It mixes the signal, so it is entanglement. Changing Anything Changes Everything
(CACE) the rule states itself very clearly. Two mitigation strategies are assembling and detecting
as they occur. Solving a different and new problem with minor corrections makes it
dependent on the change in the old problem. This kind of chain fix leads to improvement
deadlock. Suggested strategies for correction cascades are proceeding by changing the root
model, not chaining, or solving a new problem by training a completely different model. The
equivalent of visibility debt in machine learning is mentioned under this section as
undeclared consumers. However, they will state their subtitles under analysis debt.&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;color:pink&quot;&gt;Secondly, the dependencies are discussed. Although dependency can be code and data-
related, data dependency is the key player because of its untangled characteristics. Unstable
data dependencies can happen either implicitly or explicitly. Both are dangerous as an input
signal that looks like an improvement can negatively affect another system using an output
signal. Creating a versioned copy of a given signal is suggested to prevent this. As we delete
the modules that are not necessary for the code, the input signals that do not provide much
benefit should also be removed. This situation is called underutilized data dependency in the
study, and they also taxonomies these features as legacy, bundled, epsilon, and correlated.
For the detection of these features, Leave-one-feature-out evolution is advised. Static data
analysis is another aspect of error checking, tracking down consumers, and enforcing
migration and updates. An automated feature management system helps to make the
migration and deletion much safer in practice.&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;color:purple&quot;&gt;Thirdly, ML has analysis debt because it has feedback in it. It could be direct or hidden. It
can be a direct feedback loop such as active learning. As a strategy, adding randomization or
isolation is implied. It can be hidden since the world has indirect since it is no surprise that
the two systems affect each other indirectly in the world, and there is not any direct strategy
to detect this.&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;color:orange&quot;&gt;Fourthly, the study debates the anti-patterning of ML. The difficulties of not having a specific
pattern as in traditional methods are mentioned. Using a generic package may prevent us
from taking advantage of the domain-specific features or deviating the objective function from
our domain-oriented purpose, which refers to glue code. Pipeline jungles is a glue code case
and refer to the data preprocessing phase. The study stated that the separate work of
engineers and researchers is the root reason. Also, the study expresses another factor: dead
experiment code paths, which occur as a natural consequence of both. Periodic reexamining
of each branch to see what can be removed is a strategy for this problem—all of these highlight
the lack of solid abstractions of ML systems, and abstraction debt. There is not any abstraction
like the traditional approach. Lastly, the study mentions some “smells” in ML that could be
indicators. These are plain-old-data type, multiple-language, and prototype smells.&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;color:yellow&quot;&gt;Then, Configuration debt is taken up. It is mentioned that the calibration is ignored at first,
but this leads to a structural error. The study defines six different principles to prevent
calibration debt.&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;color:green&quot;&gt;As the ML system’s inputs are taken from the external world, the world’s instability is
considered a different subtopic. The world consists of dynamic systems however, the model
can have fixed thresholds. Instead of this, adaptive thresholds can be used. Real-time
monitoring and testing of the system are required for long-term reliability. Of course, the
question of what to monitor arises. For this, the study offers three different starting points.
It is emphasized in the article that monitoring and testing are essential to developing this
mechanism to react in real-time.&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;color:#4682B4&quot;&gt;Finally, the study mentions other debts: Data testing, reproducibility, process management,
and culture. Checking data distribution can be helpful in a robust, well-functioning system,
but it is another debt. Reproducibility, a necessity brought by science, is also a particular
problem: The randomness in machine learning makes it difficult to follow this rule. The cost
of maintaining what we mention so far is another debt, and it has a managerial obligation.
Creating an environment where ML engineers and researchers can work together, and
programming appropriately brings a cultural debt.&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;The study aims to support the development of the concept of sustainability of ML projects.
Also, it emphasizes that this sustainability can be achieved with the awareness of both ML
engineers and ML researchers.&lt;/p&gt;</content><author><name>Cagnur TK</name></author><summary type="html">In this section I presents two important review papers’ summary:</summary></entry><entry><title type="html">Getting Started</title><link href="https://cagnurt.github.io/getting-started" rel="alternate" type="text/html" title="Getting Started" /><published>2017-01-01T00:00:00+00:00</published><updated>2017-01-01T00:00:00+00:00</updated><id>https://cagnurt.github.io/getting-started</id><content type="html" xml:base="https://cagnurt.github.io/getting-started">&lt;p&gt;This is a portfolio Jekyll theme built from the ground up, using the &lt;a href=&quot;http://devtipsstarterkit.com/&quot;&gt;DevTips Starter Kit&lt;/a&gt; as a foundation for starting, and following closely the amazing tutorial by &lt;a href=&quot;https://www.youtube.com/watch?v=T6jKLsxbFg4&amp;amp;list=PL0CB3OvPhDA_STygmp3sDenx3UpdOMk7P&quot;&gt;Travis Neilson over at DevTips&lt;/a&gt;. For a guide on how to start a blog or personal website using Jekyll and GitHub Pages, please check out &lt;a href=&quot;https://paulle.ca/how-to-start-a-blog-or-personal-website-using-jekyll-and-github-pages&quot;&gt;this article&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;Everything that you will ever need to know about this Jekyll theme is included in the README below, which you can also find in &lt;a href=&quot;https://lenpaul.github.io/portfolio-jekyll-theme/&quot;&gt;the demo site&lt;/a&gt;. For a guide on how to deploy a Jekyll site using GitHub Pages, please check out &lt;a href=&quot;https://paulle.ca/jekyll-tutorials/deploy-jekyll-site-github-pages&quot;&gt;this article&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;If you like my work then please consider supporting me with &lt;a href=&quot;https://ko-fi.com/paulle&quot;&gt;Ko-fi&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://cloud.githubusercontent.com/assets/8409329/26227987/f2583642-3c03-11e7-81c4-28a9353c91ae.jpg&quot; alt=&quot;alt-text&quot; /&gt;&lt;/p&gt;

&lt;h2 id=&quot;notable-features&quot;&gt;Notable features&lt;/h2&gt;

&lt;ul&gt;
  &lt;li&gt;
    &lt;p&gt;Compatible with GitHub Pages.&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;Support for Jekyll’s built-in Sass/SCSS preprocessor and data files for making customizing easier.&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;&lt;a href=&quot;https://www.google.com/analytics/&quot;&gt;Google Analytics&lt;/a&gt; support.&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;Commenting support powered by &lt;a href=&quot;https://disqus.com/&quot;&gt;Disqus&lt;/a&gt;.&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;Optimized for search engines.&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;LaTeX support through &lt;a href=&quot;https://www.mathjax.org/&quot;&gt;MathJax&lt;/a&gt;.&lt;/p&gt;
  &lt;/li&gt;
&lt;/ul&gt;

&lt;h2 id=&quot;table-of-contents&quot;&gt;Table of Contents&lt;/h2&gt;

&lt;ol&gt;
  &lt;li&gt;&lt;a href=&quot;#introduction&quot;&gt;Introduction&lt;/a&gt;
    &lt;ol&gt;
      &lt;li&gt;&lt;a href=&quot;#what-is-jekyll&quot;&gt;What is Jekyll&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#never-used-jekyll-before&quot;&gt;Never Used Jeykll Before?&lt;/a&gt;&lt;/li&gt;
    &lt;/ol&gt;
  &lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;#installation&quot;&gt;Installation&lt;/a&gt;
    &lt;ol&gt;
      &lt;li&gt;&lt;a href=&quot;#github-pages-installation&quot;&gt;GitHub Pages Installation&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#local-installation&quot;&gt;Local Installation&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#directory-structure&quot;&gt;Directory Structure&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#starting-from-scratch&quot;&gt;Starting From Scratch&lt;/a&gt;&lt;/li&gt;
    &lt;/ol&gt;
  &lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;#configuration&quot;&gt;Configuration&lt;/a&gt;
    &lt;ol&gt;
      &lt;li&gt;&lt;a href=&quot;#sample-posts&quot;&gt;Sample Posts&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#site-variables&quot;&gt;Site Variables&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#adding-menu-pages&quot;&gt;Adding Menu Pages&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#posts&quot;&gt;Posts&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#layouts&quot;&gt;Layouts&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#yaml-front-block-matter&quot;&gt;YAML Front Block Matter&lt;/a&gt;&lt;/li&gt;
    &lt;/ol&gt;
  &lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;#features&quot;&gt;Features&lt;/a&gt;
    &lt;ol&gt;
      &lt;li&gt;&lt;a href=&quot;#design-considerations&quot;&gt;Design Considerations&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#disqus&quot;&gt;Disqus&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#google-analytics&quot;&gt;Google Analytics&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#rss-feeds&quot;&gt;RSS Feeds&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#social-media-icons&quot;&gt;Social Media Icons&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#mathjax&quot;&gt;MathJax&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#syntax-highlighting&quot;&gt;Syntax Highlighting&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#markdown&quot;&gt;Markdown&lt;/a&gt;&lt;/li&gt;
    &lt;/ol&gt;
  &lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;#everything-else&quot;&gt;Everything Else&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;#Contributing&quot;&gt;Contributing&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;#questions&quot;&gt;Questions?&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;#credits&quot;&gt;Credits&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;#license&quot;&gt;License&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h2 id=&quot;introduction&quot;&gt;Introduction&lt;/h2&gt;

&lt;p&gt;Portfolio Jekyll Theme is a Jekyll theme that was built to be 100% compatible with &lt;a href=&quot;https://pages.github.com/&quot;&gt;GitHub Pages&lt;/a&gt;. If you are unfamiliar with GitHub Pages, you can check out &lt;a href=&quot;https://help.github.com/categories/github-pages-basics/&quot;&gt;their documentation&lt;/a&gt; for more information. &lt;a href=&quot;http://jmcglone.com/guides/github-pages/&quot;&gt;Jonathan McGlone’s guide&lt;/a&gt; on creating and hosting a personal site on GitHub is also a good resource.&lt;/p&gt;

&lt;h3 id=&quot;what-is-jekyll&quot;&gt;What is Jekyll?&lt;/h3&gt;

&lt;p&gt;Jekyll is a simple, blog-aware, static site generator for personal, project, or organization sites. Basically, Jekyll takes your page content along with template files and produces a complete website. For more information, visit the &lt;a href=&quot;https://jekyllrb.com/docs/home/&quot;&gt;official Jekyll site&lt;/a&gt; for their documentation.&lt;/p&gt;

&lt;h3 id=&quot;never-used-jekyll-before&quot;&gt;Never Used Jekyll Before?&lt;/h3&gt;

&lt;p&gt;The beauty of hosting your website on GitHub is that you don’t have to actually have Jekyll installed on your computer. Everything can be done through the GitHub code editor, with minimal knowledge of how to use Jekyll or the command line. All you have to do is add your posts to the &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;_posts&lt;/code&gt; directory and edit the &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;_config.yml&lt;/code&gt; file to change the site settings. With some rudimentary knowledge of HTML and CSS, you can even modify the site to your liking. This can all be done through the GitHub code editor, which acts like a content management system (CMS).&lt;/p&gt;

&lt;h2 id=&quot;installation&quot;&gt;Installation&lt;/h2&gt;

&lt;h3 id=&quot;github-pages-installation&quot;&gt;GitHub Pages Installation&lt;/h3&gt;

&lt;p&gt;To start using Portfolio Jekyll Theme right away with GitHub Pages, &lt;a href=&quot;https://github.com/LeNPaul/portfolio-jekyll-theme/fork&quot;&gt;fork the Portfolio Jekyll Theme repository on GitHub&lt;/a&gt;. From there, you can rename your repository to ‘USERNAME.github.io’, where ‘USERNAME’ is your GitHub username, and edit the &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;settings.yml&lt;/code&gt; file in the &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;_data&lt;/code&gt; folder to your liking. Ensure that you have a branch named &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;gh-pages&lt;/code&gt;. Your website should be ready immediately at ‘http://USERNAME.github.io’. Note: if you are hosting several sites under the same GitHub username, then you will have to use &lt;a href=&quot;https://help.github.com/articles/user-organization-and-project-pages/&quot;&gt;Project Pages instead of User Pages&lt;/a&gt; - just change the repository name to something other than ‘http://USERNAME.github.io’.&lt;/p&gt;

&lt;p&gt;Head over to the &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;_posts&lt;/code&gt; directory to view all the posts that are currently on the website, and to see examples of what post files generally look like. You can simply just duplicate the template post and start adding your own content.&lt;/p&gt;

&lt;h3 id=&quot;local-installation&quot;&gt;Local Installation&lt;/h3&gt;

&lt;p&gt;For a full local installation of Portfolio Jekyll Theme, &lt;a href=&quot;https://github.com/LeNPaul/portfolio-jekyll-theme/archive/gh-pages.zip&quot;&gt;download your own copy of Portfolio Jekyll Theme&lt;/a&gt; and unzip it into it’s own directory. From there, open up your favorite command line tool, enter &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;bundle install&lt;/code&gt;, and then enter &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;jekyll serve&lt;/code&gt;. Your site should be up and running locally at &lt;a href=&quot;http://localhost:4000&quot;&gt;http://localhost:4000&lt;/a&gt;.&lt;/p&gt;

&lt;h3 id=&quot;directory-structure&quot;&gt;Directory Structure&lt;/h3&gt;

&lt;p&gt;If you are familiar with Jekyll, then the Portfolio Jekyll Theme directory structure shouldn’t be too difficult to navigate. The following some highlights of the differences you might notice between the default directory structure. More information on what these folders and files do can be found in the &lt;a href=&quot;https://jekyllrb.com/docs/structure/&quot;&gt;Jekyll documentation site&lt;/a&gt;.&lt;/p&gt;

&lt;div class=&quot;language-bash highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;Portfolio Jekyll Theme/
├── _data                      &lt;span class=&quot;c&quot;&gt;# Data files&lt;/span&gt;
|  └── settings.yml            &lt;span class=&quot;c&quot;&gt;# Theme settings and custom text&lt;/span&gt;
├── _includes                  &lt;span class=&quot;c&quot;&gt;# Theme includes&lt;/span&gt;
├── _layouts                   &lt;span class=&quot;c&quot;&gt;# Theme layouts (see below for details)&lt;/span&gt;
├── _posts                     &lt;span class=&quot;c&quot;&gt;# Where all your posts will go&lt;/span&gt;
├── assets                     &lt;span class=&quot;c&quot;&gt;# Style sheets and images are found here&lt;/span&gt;
|  ├── css                     &lt;span class=&quot;c&quot;&gt;# Style sheets go here&lt;/span&gt;
|  |  └── all.sass             &lt;span class=&quot;c&quot;&gt;# Main SASS file&lt;/span&gt;
|  └── img                     &lt;span class=&quot;c&quot;&gt;# Images go here&lt;/span&gt;
├── pages                      &lt;span class=&quot;c&quot;&gt;# Menu pages&lt;/span&gt;
├── projects                   &lt;span class=&quot;c&quot;&gt;# Project pages&lt;/span&gt;
├── _config.yml                &lt;span class=&quot;c&quot;&gt;# Site build settings&lt;/span&gt;
├── Gemfile                    &lt;span class=&quot;c&quot;&gt;# Ruby Gemfile for managing Jekyll plugins&lt;/span&gt;
└── index.md                   &lt;span class=&quot;c&quot;&gt;# Home page&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;h3 id=&quot;starting-from-scratch&quot;&gt;Starting From Scratch&lt;/h3&gt;

&lt;p&gt;To completely start from scratch, simply delete all the files in the &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;_posts&lt;/code&gt;, &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;assets/img&lt;/code&gt;, and &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;menu&lt;/code&gt; folder, and add your own content. You may also replace the &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;README.md&lt;/code&gt; file with your own README. Everything in the &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;_data&lt;/code&gt; folder and &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;_config.yml&lt;/code&gt; file can be edited to suit your needs. You may also change the &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;favicon.ico&lt;/code&gt; file to your own favicon.&lt;/p&gt;

&lt;h2 id=&quot;configuration&quot;&gt;Configuration&lt;/h2&gt;

&lt;h3 id=&quot;sample-posts&quot;&gt;Sample Posts&lt;/h3&gt;

&lt;p&gt;Visit the &lt;a href=&quot;https://lenpaul.github.io/portfolio-jekyll-theme/&quot;&gt;the demo site&lt;/a&gt; to find sample posts that show what different types of text formatting look like. You can find these posts in the &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;_posts&lt;/code&gt; folder, which show what the best practices for setting up your own site are.&lt;/p&gt;

&lt;h3 id=&quot;site-variables&quot;&gt;Site Variables&lt;/h3&gt;

&lt;p&gt;To change site build settings, edit the &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;_config.yml&lt;/code&gt; file found in the root of your repository, which you can tweak however you like. More information on configuration settings and plugins can be found on &lt;a href=&quot;https://jekyllrb.com/docs/configuration/&quot;&gt;the Jekyll documentation site&lt;/a&gt;. This is also where you will be able to customize the title, description, and the author/owner of your site.&lt;/p&gt;

&lt;p&gt;If you are hosting your site on GitHub Pages, then committing a change to the &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;_config.yml&lt;/code&gt; file will force a rebuild of your site with Jekyll. Any changes made should be viewable soon after. If you are hosting your site locally, then you must run &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;jekyll serve&lt;/code&gt; again for the changes to take place.&lt;/p&gt;

&lt;p&gt;In the &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;settings.yml&lt;/code&gt; file found in the &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;_data&lt;/code&gt; folder, you will be able to customize your site settings, such as setting Disqus comments, Google Analytics, what shows up in your menu, and social media information.&lt;/p&gt;

&lt;h3 id=&quot;adding-menu-and-project-pages&quot;&gt;Adding Menu and Project Pages&lt;/h3&gt;

&lt;p&gt;The menu pages are found in the &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;menu&lt;/code&gt; folder in the root directory, and can be added to your menu in the &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;settings.yml&lt;/code&gt; file. Similarly, the project pages are found in the &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;projects&lt;/code&gt; folder in the root directory, and can be added to your site in the &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;settings.yml&lt;/code&gt; file. The images for your portfolio projects are stored in the &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;assets/img/projects/proj-n&lt;/code&gt; folder, and should be named &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;thumb.jpg&lt;/code&gt;.&lt;/p&gt;

&lt;h3 id=&quot;posts&quot;&gt;Posts&lt;/h3&gt;

&lt;p&gt;You will find example posts in your &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;_posts&lt;/code&gt; directory. Go ahead and edit any post and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;jekyll serve&lt;/code&gt;, which launches a web server and auto-regenerates your site when a file is updated.&lt;/p&gt;

&lt;p&gt;To add new posts, simply add a file in the &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;_posts&lt;/code&gt; directory that follows the convention of &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;YYYY-MM-DD-name-of-post.md&lt;/code&gt; and includes the necessary front matter. Take a look at any sample post to get an idea about how it works. If you already have a website built with Jekyll, simply copy over your posts to migrate to Portfolio Jekyll Theme.&lt;/p&gt;

&lt;h3 id=&quot;layouts&quot;&gt;Layouts&lt;/h3&gt;

&lt;p&gt;There are two main layout options that are included with Portfolio Jekyll Theme: post and page. Layouts are specified through the &lt;a href=&quot;https://jekyllrb.com/docs/frontmatter/&quot;&gt;YAML front block matter&lt;/a&gt;. Any file that contains a YAML front block matter will be processed by Jekyll. For example:&lt;/p&gt;

&lt;div class=&quot;language-plaintext highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;---
layout: post
title: &quot;Example Post&quot;
---
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;Examples of what posts looks like can be found in the &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;_posts&lt;/code&gt; directory, which includes this post you are reading right now. Posts are the basic blog post layout, which includes a header image, post content, author name, date published, social media sharing links, and related posts.&lt;/p&gt;

&lt;p&gt;Pages are essentially the post layout without any of the extra features of the posts layout. An example of what pages look like can be found at the &lt;a href=&quot;https://lenpaul.github.io/portfolio-jekyll-theme/pages/about.html&quot;&gt;About&lt;/a&gt; and &lt;a href=&quot;https://lenpaul.github.io/portfolio-jekyll-theme/pages/contact.html&quot;&gt;Contacts&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;In addition to the two main layout options above, there is also a custom layout that have been created for the &lt;a href=&quot;https://lenpaul.github.io/portfolio-jekyll-theme/&quot;&gt;home page&lt;/a&gt;. These are simply just page layouts with some &lt;a href=&quot;https://shopify.github.io/liquid/&quot;&gt;Liquid template code&lt;/a&gt;. Check out the &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;index.html&lt;/code&gt; file in the root directory for what the code looks like.&lt;/p&gt;

&lt;h3 id=&quot;yaml-front-block-matter&quot;&gt;YAML Front Block Matter&lt;/h3&gt;

&lt;p&gt;The recommended YAML front block is:&lt;/p&gt;

&lt;div class=&quot;language-plaintext highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;---
layout:
title:
---
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;layout&lt;/code&gt; specifies which layout to use, and &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;title&lt;/code&gt; is the page or post title. Have a look at some posts in the &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;_posts&lt;/code&gt; directory to see how these variables are set.&lt;/p&gt;

&lt;h2 id=&quot;features&quot;&gt;Features&lt;/h2&gt;

&lt;h3 id=&quot;design-considerations&quot;&gt;Design Considerations&lt;/h3&gt;

&lt;p&gt;Portfolio Jekyll Theme was designed to be a minimalist theme in order for the focus to remain on your content. For example, links are signified mainly through coloured font, in order to maximize the perceived affordance of clickability (I originally just wanted to make the links a darker shade of grey).&lt;/p&gt;

&lt;h3 id=&quot;disqus&quot;&gt;Disqus&lt;/h3&gt;

&lt;p&gt;Portfolio Jekyll Theme supports comments at the end of posts through &lt;a href=&quot;https://disqus.com/&quot;&gt;Disqus&lt;/a&gt;. In order to activate Disqus commenting, set &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;disqus.comments&lt;/code&gt; to true in the &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;_data/settings.yml&lt;/code&gt; file. If you do not have a Disqus account already, you will have to set one up, and create a profile for your website. You will be given a &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;disqus_shortname&lt;/code&gt; that will be used to generate the appropriate comments sections for your site. More information on &lt;a href=&quot;http://www.perfectlyrandom.org/2014/06/29/adding-disqus-to-your-jekyll-powered-github-pages/&quot;&gt;how to set up Disqus&lt;/a&gt;.&lt;/p&gt;

&lt;h3 id=&quot;google-analytics&quot;&gt;Google Analytics&lt;/h3&gt;

&lt;p&gt;It is possible to track your site statistics through &lt;a href=&quot;https://www.google.com/analytics/&quot;&gt;Google Analytics&lt;/a&gt;. Similar to Disqus, you will have to create an account for Google Analytics, and enter the correct Google ID for your site under &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;google-ID&lt;/code&gt; in the &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;settings.yml&lt;/code&gt; file. More information on &lt;a href=&quot;https://michaelsoolee.com/google-analytics-jekyll/&quot;&gt;how to set up Google Analytics&lt;/a&gt;. Note: If you are not using Google Analytics, please change &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;google-ID&lt;/code&gt; to an empty string.&lt;/p&gt;

&lt;h3 id=&quot;rss-feeds&quot;&gt;RSS Feeds&lt;/h3&gt;

&lt;p&gt;Atom is supported by default through &lt;a href=&quot;https://github.com/jekyll/jekyll-feed&quot;&gt;jekyll-feed&lt;/a&gt;. With jekyll-feed, you can set configuration variables such as ‘title’, ‘description’, and ‘author’, in the &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;_config.yml&lt;/code&gt; file.&lt;/p&gt;

&lt;h3 id=&quot;social-media-icons&quot;&gt;Social Media Icons&lt;/h3&gt;

&lt;p&gt;All social media icons are courtesy of &lt;a href=&quot;http://fontawesome.io/&quot;&gt;Font Awesome&lt;/a&gt;. You can change which icons appear, as well as the account that they link to, in the &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;settings.yml&lt;/code&gt; file in the &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;_data&lt;/code&gt; folder.&lt;/p&gt;

&lt;h3 id=&quot;mathjax&quot;&gt;MathJax&lt;/h3&gt;

&lt;p&gt;Portfolio Jekyll Theme comes out of the box with &lt;a href=&quot;https://www.mathjax.org/&quot;&gt;MathJax&lt;/a&gt;, which allows you to display mathematical equations in your posts through the use of &lt;a href=&quot;http://www.andy-roberts.net/writing/latex/mathematics_1&quot;&gt;LaTeX&lt;/a&gt;.&lt;/p&gt;

&lt;h3 id=&quot;syntax-highlighting&quot;&gt;Syntax Highlighting&lt;/h3&gt;

&lt;p&gt;Portfolio Jekyll Theme provides syntax highlighting through &lt;a href=&quot;https://help.github.com/articles/creating-and-highlighting-code-blocks/&quot;&gt;fenced code blocks&lt;/a&gt;. Syntax highlighting allows you to display source code in different colors and fonts depending on what programming language is being displayed. You can find the full list of supported programming languages &lt;a href=&quot;https://github.com/jneen/rouge/wiki/List-of-supported-languages-and-lexers&quot;&gt;here&lt;/a&gt;. Another option is to embed your code through &lt;a href=&quot;https://en.support.wordpress.com/gist/&quot;&gt;Gist&lt;/a&gt;.&lt;/p&gt;

&lt;h3 id=&quot;markdown&quot;&gt;Markdown&lt;/h3&gt;

&lt;p&gt;As always, Jekyll offers support for GitHub Flavored Markdown, which allows you to format your posts using the &lt;a href=&quot;https://guides.github.com/features/mastering-markdown/&quot;&gt;Markdown syntax&lt;/a&gt;. Examples of these text formatting features can be seen below. You can find this post in the &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;_posts&lt;/code&gt; directory as well as the &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;README.md&lt;/code&gt; file.&lt;/p&gt;

&lt;h2 id=&quot;everything-else&quot;&gt;Everything Else&lt;/h2&gt;

&lt;p&gt;Check out the &lt;a href=&quot;http://jekyllrb.com/docs/home&quot;&gt;Jekyll docs&lt;/a&gt; for more info on how to get the most out of Jekyll. File all bugs/feature requests at &lt;a href=&quot;https://github.com/jekyll/jekyll&quot;&gt;Jekyll’s GitHub repo&lt;/a&gt;. If you have questions, you can ask them on &lt;a href=&quot;https://talk.jekyllrb.com/&quot;&gt;Jekyll Talk&lt;/a&gt;.&lt;/p&gt;

&lt;h2 id=&quot;contributing&quot;&gt;Contributing&lt;/h2&gt;

&lt;p&gt;If you would like to make a feature request, or report a bug or typo in the documentation, then please &lt;a href=&quot;https://github.com/LeNPaul/portfolio-jekyll-theme/issues/new&quot;&gt;submit a GitHub issue&lt;/a&gt;. If you would like to make a contribution, then feel free to &lt;a href=&quot;https://help.github.com/articles/about-pull-requests/&quot;&gt;submit a pull request&lt;/a&gt; - as a bonus, I will credit all contributors below! If this is your first pull request, it may be helpful to read up on the &lt;a href=&quot;https://guides.github.com/introduction/flow/&quot;&gt;GitHub Flow&lt;/a&gt; first.&lt;/p&gt;

&lt;p&gt;Portfolio Jekyll Theme has been designed as a base for users to customize and fit to their own unique needs. Please keep this in mind when requesting features and/or submitting pull requests. Some examples of changes that I would love to see are things that would make the site easier to use, or better ways of doing things. Please avoid changes that do not benefit the majority of users.&lt;/p&gt;

&lt;h2 id=&quot;questions&quot;&gt;Questions?&lt;/h2&gt;

&lt;p&gt;This theme is completely free and open source software. You may use it however you want, as it is distributed under the &lt;a href=&quot;http://choosealicense.com/licenses/mit/&quot;&gt;MIT License&lt;/a&gt;. If you are having any problems, any questions or suggestions, feel free to &lt;a href=&quot;https://twitter.com/intent/tweet?text=My%question%about%PJT%is:%&amp;amp;via=paululele&quot;&gt;tweet at me&lt;/a&gt;, or &lt;a href=&quot;https://github.com/lenpaul/portfolio-jekyll-theme/issues/new&quot;&gt;file a GitHub issue&lt;/a&gt;.&lt;/p&gt;

&lt;h2 id=&quot;credits&quot;&gt;Credits&lt;/h2&gt;

&lt;h3 id=&quot;creator&quot;&gt;Creator&lt;/h3&gt;

&lt;h4 id=&quot;paul-le&quot;&gt;Paul Le&lt;/h4&gt;

&lt;ul&gt;
  &lt;li&gt;
    &lt;p&gt;&lt;a href=&quot;http://lenpaul.com&quot;&gt;www.lenpaul.com&lt;/a&gt;&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;&lt;a href=&quot;https://twitter.com/paululele&quot;&gt;Twitter&lt;/a&gt;&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;&lt;a href=&quot;https://github.com/LeNPaul&quot;&gt;GitHub&lt;/a&gt;&lt;/p&gt;
  &lt;/li&gt;
&lt;/ul&gt;

&lt;h3 id=&quot;contributors&quot;&gt;Contributors&lt;/h3&gt;

&lt;ul&gt;
  &lt;li&gt;Be the first to contribute!&lt;/li&gt;
&lt;/ul&gt;

&lt;h3 id=&quot;icons--demo-images&quot;&gt;Icons + Demo Images&lt;/h3&gt;

&lt;ul&gt;
  &lt;li&gt;
    &lt;p&gt;&lt;a href=&quot;https://deathtothestockphoto.com/&quot;&gt;Death to Stock&lt;/a&gt;&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;&lt;a href=&quot;http://fontawesome.io/&quot;&gt;Font Awesome&lt;/a&gt;&lt;/p&gt;
  &lt;/li&gt;
&lt;/ul&gt;

&lt;h3 id=&quot;other&quot;&gt;Other&lt;/h3&gt;

&lt;ul&gt;
  &lt;li&gt;
    &lt;p&gt;&lt;a href=&quot;https://jekyllrb.com/&quot;&gt;Jekyll&lt;/a&gt;&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;&lt;a href=&quot;https://www.freecodecamp.org&quot;&gt;Free Code Camp&lt;/a&gt;&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;&lt;a href=&quot;https://www.khanacademy.org/&quot;&gt;Khan Academy&lt;/a&gt;&lt;/p&gt;
  &lt;/li&gt;
&lt;/ul&gt;

&lt;h2 id=&quot;license&quot;&gt;License&lt;/h2&gt;

&lt;p&gt;Open sourced under the &lt;a href=&quot;https://github.com/LeNPaul/portfolio-jekyll-theme/blob/gh-pages/LICENSE.md&quot;&gt;MIT license&lt;/a&gt;.&lt;/p&gt;</content><author><name>Cagnur TK</name></author><summary type="html">This is a portfolio Jekyll theme built from the ground up, using the DevTips Starter Kit as a foundation for starting, and following closely the amazing tutorial by Travis Neilson over at DevTips. For a guide on how to start a blog or personal website using Jekyll and GitHub Pages, please check out this article.</summary></entry><entry><title type="html">Text Formatting Examples</title><link href="https://cagnurt.github.io/text-formatting-examples" rel="alternate" type="text/html" title="Text Formatting Examples" /><published>2014-01-01T00:00:00+00:00</published><updated>2014-01-01T00:00:00+00:00</updated><id>https://cagnurt.github.io/text-formatting-examples</id><content type="html" xml:base="https://cagnurt.github.io/text-formatting-examples">&lt;h1 id=&quot;markdown-support&quot;&gt;Markdown Support&lt;/h1&gt;

&lt;p&gt;As always, Jekyll offers support for GitHub Flavored Markdown, which allows you to format your posts using the &lt;a href=&quot;https://guides.github.com/features/mastering-markdown/&quot;&gt;Markdown syntax&lt;/a&gt;. Examples of these text formatting features can be seen below. You can find this post in the &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;_posts&lt;/code&gt; directory.&lt;/p&gt;

&lt;h2 id=&quot;basic-formatting&quot;&gt;Basic Formatting&lt;/h2&gt;

&lt;p&gt;With Markdown, it is possible to emphasize words by making them &lt;em&gt;italicized&lt;/em&gt;, using &lt;em&gt;astericks&lt;/em&gt; or &lt;em&gt;underscores&lt;/em&gt;, or making them &lt;strong&gt;bold&lt;/strong&gt;, using &lt;strong&gt;double astericks&lt;/strong&gt; or &lt;strong&gt;double underscores&lt;/strong&gt;. Of course, you can combine those two formats, with both &lt;em&gt;&lt;strong&gt;bold and italicized&lt;/strong&gt;&lt;/em&gt; text, using any combination of the above syntax. You can also add a strikethrough to text using a &lt;del&gt;double tilde&lt;/del&gt;.&lt;/p&gt;

&lt;h2 id=&quot;paragraphs&quot;&gt;Paragraphs&lt;/h2&gt;

&lt;p&gt;This is what a paragraph looks like. For the purpose of demonstration, the rest of this paragraph and the next paragraph after will mean absolutely nothing. Proin eget nibh a massa vestibulum pretium. Suspendisse eu nisl a ante aliquet bibendum quis a nunc. Praesent varius interdum vehicula. Aenean risus libero, placerat at vestibulum eget, ultricies eu enim. Praesent nulla tortor, malesuada adipiscing adipiscing sollicitudin, adipiscing eget est. Praesent nulla tortor, malesuada adipiscing adipiscing sollicitudin, adipiscing eget est.&lt;/p&gt;

&lt;p&gt;Proin eget nibh a massa vestibulum pretium. Suspendisse eu nisl a ante aliquet bibendum quis a nunc. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris. Proin eget nibh a massa vestibulum pretium. Suspendisse eu nisl a ante aliquet bibendum quis a nunc. Praesent varius interdum vehicula. Aenean risus libero, placerat at vestibulum eget, ultricies eu enim. Praesent nulla tortor, malesuada adipiscing adipiscing sollicitudin, adipiscing eget est.&lt;/p&gt;

&lt;h2 id=&quot;headings&quot;&gt;Headings&lt;/h2&gt;

&lt;p&gt;Sometimes it is useful to have different levels of headings to structure your documents. Start lines with &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;#&lt;/code&gt; to create headings. Multiple &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;##&lt;/code&gt; in a row denote smaller heading size. The following demonstrate the full range of heading sizes:&lt;/p&gt;

&lt;h1 id=&quot;heading-one-h1&quot;&gt;Heading One (h1)&lt;/h1&gt;

&lt;h2 id=&quot;heading-two-h2&quot;&gt;Heading Two (h2)&lt;/h2&gt;

&lt;h3 id=&quot;heading-three-h3&quot;&gt;Heading Three (h3)&lt;/h3&gt;

&lt;h4 id=&quot;heading-four-h4&quot;&gt;Heading Four (h4)&lt;/h4&gt;

&lt;h5 id=&quot;heading-five-h5&quot;&gt;Heading Five (h5)&lt;/h5&gt;

&lt;h6 id=&quot;heading-six-h6&quot;&gt;Heading Six (h6)&lt;/h6&gt;

&lt;h2 id=&quot;links&quot;&gt;Links&lt;/h2&gt;

&lt;p&gt;You can create an inline link by wrapping link text in square brackets &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;[ ]&lt;/code&gt;, and then wrapping the URL in parentheses &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;( )&lt;/code&gt;. For example, it is very easy to &lt;a href=&quot;http://google.com&quot;&gt;link to Google!&lt;/a&gt;.&lt;/p&gt;

&lt;h2 id=&quot;blockquotes&quot;&gt;Blockquotes&lt;/h2&gt;

&lt;p&gt;Blockquotes are useful for denoting quotes, or highlighting a large block of text. Single line blockquote:&lt;/p&gt;

&lt;blockquote&gt;
  &lt;p&gt;This quote will change your life.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Multi line blockquote with a cite reference:&lt;/p&gt;

&lt;blockquote&gt;
  &lt;p&gt;People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h2 id=&quot;code-and-syntax-highlighting&quot;&gt;Code and Syntax Highlighting&lt;/h2&gt;

&lt;p&gt;Code blocks are part of the Markdown spec, but syntax highlighting isn’t. However, many renderers - like GitHub or most Jekyll themes - support syntax highlighting. Which languages are supported and how those language names should be written will vary from renderer to renderer. You can find the full list of supported programming languages &lt;a href=&quot;https://github.com/jneen/rouge/wiki/List-of-supported-languages-and-lexers&quot;&gt;here&lt;/a&gt;. Also, it is possible to do &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;inline code blocks&lt;/code&gt;, by wrapping the text in ` ` ` quotations.&lt;/p&gt;

&lt;div class=&quot;language-plaintext highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;No language indicated, so no syntax highlighting.
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;div class=&quot;language-ruby highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;k&quot;&gt;def&lt;/span&gt; &lt;span class=&quot;nf&quot;&gt;print_hi&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;nb&quot;&gt;name&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt;
  &lt;span class=&quot;nb&quot;&gt;puts&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;Hi, &lt;/span&gt;&lt;span class=&quot;si&quot;&gt;#{&lt;/span&gt;&lt;span class=&quot;nb&quot;&gt;name&lt;/span&gt;&lt;span class=&quot;si&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;
&lt;span class=&quot;k&quot;&gt;end&lt;/span&gt;
&lt;span class=&quot;n&quot;&gt;print_hi&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;s1&quot;&gt;'Tom'&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt;
&lt;span class=&quot;c1&quot;&gt;#=&amp;gt; prints 'Hi, Tom' to STDOUT.&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;figure class=&quot;highlight&quot;&gt;&lt;pre&gt;&lt;code class=&quot;language-js&quot; data-lang=&quot;js&quot;&gt;&lt;span class=&quot;c1&quot;&gt;// Example can be run directly in your JavaScript console&lt;/span&gt;

&lt;span class=&quot;c1&quot;&gt;// Create a function that takes two arguments and returns the sum of those arguments&lt;/span&gt;
&lt;span class=&quot;kd&quot;&gt;var&lt;/span&gt; &lt;span class=&quot;nx&quot;&gt;adder&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;k&quot;&gt;new&lt;/span&gt; &lt;span class=&quot;nb&quot;&gt;Function&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;dl&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;a&lt;/span&gt;&lt;span class=&quot;dl&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;dl&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;b&lt;/span&gt;&lt;span class=&quot;dl&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;dl&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;return a + b&lt;/span&gt;&lt;span class=&quot;dl&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;);&lt;/span&gt;

&lt;span class=&quot;c1&quot;&gt;// Call the function&lt;/span&gt;
&lt;span class=&quot;nx&quot;&gt;adder&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;mi&quot;&gt;2&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;mi&quot;&gt;6&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;);&lt;/span&gt;
&lt;span class=&quot;c1&quot;&gt;// &amp;gt; 8&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/figure&gt;

&lt;p&gt;Another option is to embed your code through &lt;a href=&quot;https://en.support.wordpress.com/gist/&quot;&gt;Gist&lt;/a&gt;.&lt;/p&gt;

&lt;h2 id=&quot;unordered-and-numbered-lists&quot;&gt;Unordered and Numbered Lists&lt;/h2&gt;

&lt;p&gt;You can make an unordered and nested list by preceding one or more lines of text with &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;-&lt;/code&gt;, &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;*&lt;/code&gt;, or &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;+&lt;/code&gt;, and indenting sublists. The following lists show the full range of possible list formats.&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;List item one
    &lt;ul&gt;
      &lt;li&gt;List item one
        &lt;ul&gt;
          &lt;li&gt;List item one&lt;/li&gt;
          &lt;li&gt;List item two&lt;/li&gt;
          &lt;li&gt;List item three&lt;/li&gt;
          &lt;li&gt;List item four&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li&gt;List item two&lt;/li&gt;
      &lt;li&gt;List item three&lt;/li&gt;
      &lt;li&gt;List item four&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/li&gt;
  &lt;li&gt;List item two&lt;/li&gt;
  &lt;li&gt;List item three&lt;/li&gt;
  &lt;li&gt;List item four&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Numbered lists are made by using numbers instead of bullet points.&lt;/p&gt;

&lt;ol&gt;
  &lt;li&gt;List item one
    &lt;ol&gt;
      &lt;li&gt;List item one
        &lt;ol&gt;
          &lt;li&gt;List item one&lt;/li&gt;
          &lt;li&gt;List item two&lt;/li&gt;
          &lt;li&gt;List item three&lt;/li&gt;
          &lt;li&gt;List item four&lt;/li&gt;
        &lt;/ol&gt;
      &lt;/li&gt;
      &lt;li&gt;List item two&lt;/li&gt;
      &lt;li&gt;List item three&lt;/li&gt;
      &lt;li&gt;List item four&lt;/li&gt;
    &lt;/ol&gt;
  &lt;/li&gt;
  &lt;li&gt;List item two&lt;/li&gt;
  &lt;li&gt;List item three&lt;/li&gt;
  &lt;li&gt;List item four&lt;/li&gt;
&lt;/ol&gt;

&lt;h2 id=&quot;mathjax-example&quot;&gt;MathJax Example&lt;/h2&gt;

&lt;p&gt;The &lt;a href=&quot;https://en.wikipedia.org/wiki/Schr%C3%B6dinger_equation&quot;&gt;Schrödinger equation&lt;/a&gt; is a partial differential equation that describes how the quantum state of a quantum system changes with time:&lt;/p&gt;

\[i\hbar\frac{\partial}{\partial t} \Psi(\mathbf{r},t) = \left [ \frac{-\hbar^2}{2\mu}\nabla^2 + V(\mathbf{r},t)\right ] \Psi(\mathbf{r},t)\]

&lt;p&gt;&lt;a href=&quot;https://en.wikipedia.org/wiki/Joseph-Louis_Millennial&quot;&gt;Joseph-Louis Millennial&lt;/a&gt; was an Italian mathematician and astronomer who was responsible for the formulation of Lagrangian mechanics, which is a reformulation of Newtonian mechanics.&lt;/p&gt;

\[\frac{\mathrm{d}}{\mathrm{d}t} \left ( \frac {\partial  L}{\partial \dot{q}_j} \right ) =  \frac {\partial L}{\partial q_j}\]

&lt;h2 id=&quot;tables&quot;&gt;Tables&lt;/h2&gt;

&lt;table&gt;
  &lt;thead&gt;
    &lt;tr&gt;
      &lt;th&gt;Title 1&lt;/th&gt;
      &lt;th style=&quot;text-align: center&quot;&gt;Title 2&lt;/th&gt;
      &lt;th style=&quot;text-align: left&quot;&gt;Title 3&lt;/th&gt;
      &lt;th style=&quot;text-align: right&quot;&gt;Title 4&lt;/th&gt;
    &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
    &lt;tr&gt;
      &lt;td&gt;lorem&lt;/td&gt;
      &lt;td style=&quot;text-align: center&quot;&gt;lorem ipsum&lt;/td&gt;
      &lt;td style=&quot;text-align: left&quot;&gt;lorem ipsum dolor&lt;/td&gt;
      &lt;td style=&quot;text-align: right&quot;&gt;lorem ipsum dolor sit&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;lorem ipsum dolor sit&lt;/td&gt;
      &lt;td style=&quot;text-align: center&quot;&gt;lorem ipsum dolor sit&lt;/td&gt;
      &lt;td style=&quot;text-align: left&quot;&gt;lorem ipsum dolor sit&lt;/td&gt;
      &lt;td style=&quot;text-align: right&quot;&gt;lorem ipsum dolor sit&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;lorem ipsum dolor sit&lt;/td&gt;
      &lt;td style=&quot;text-align: center&quot;&gt;lorem ipsum dolor sit&lt;/td&gt;
      &lt;td style=&quot;text-align: left&quot;&gt;lorem ipsum dolor sit&lt;/td&gt;
      &lt;td style=&quot;text-align: right&quot;&gt;lorem ipsum dolor sit&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;lorem ipsum dolor sit&lt;/td&gt;
      &lt;td style=&quot;text-align: center&quot;&gt;lorem ipsum dolor sit&lt;/td&gt;
      &lt;td style=&quot;text-align: left&quot;&gt;lorem ipsum dolor sit&lt;/td&gt;
      &lt;td style=&quot;text-align: right&quot;&gt;lorem ipsum dolor sit&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;

&lt;h2 id=&quot;embedding&quot;&gt;Embedding&lt;/h2&gt;

&lt;p&gt;Plenty of social media sites offer the option of embedding certain parts of their site on your own site, such as YouTube and Twitter:&lt;/p&gt;

&lt;iframe width=&quot;560&quot; height=&quot;315&quot; src=&quot;https://www.youtube.com/embed/mthtn1X4eUY&quot; frameborder=&quot;0&quot; allowfullscreen=&quot;&quot;&gt;&lt;/iframe&gt;

&lt;p&gt;&lt;a class=&quot;twitter-grid&quot; data-partner=&quot;tweetdeck&quot; href=&quot;https://twitter.com/paululele/timelines/755079130027352064&quot;&gt;New Collection&lt;/a&gt; &lt;script async=&quot;&quot; src=&quot;//platform.twitter.com/widgets.js&quot; charset=&quot;utf-8&quot;&gt;&lt;/script&gt;&lt;/p&gt;

&lt;h2 id=&quot;inline-html-elements&quot;&gt;Inline HTML elements&lt;/h2&gt;

&lt;p&gt;HTML defines a long list of available inline tags, which you can mix with Markdown if you like. A complete list of which can be found on the &lt;a href=&quot;https://developer.mozilla.org/en-US/docs/Web/HTML/Element&quot;&gt;Mozilla Developer Network&lt;/a&gt;.&lt;/p&gt;

&lt;h2 id=&quot;useful-resources&quot;&gt;Useful Resources&lt;/h2&gt;

&lt;p&gt;More information on Markdown can be found at the following links:&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;&lt;a href=&quot;https://github.com/adam-p/markdown-here/wiki/Markdown-Here-Cheatsheet#code&quot;&gt;Markdown Here Cheatsheet&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;http://www.unexpected-vortices.com/sw/rippledoc/quick-markdown-example.html&quot;&gt;Quick Markdown Example&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;https://daringfireball.net/projects/markdown/basics&quot;&gt;Markdown Basics&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;https://github.github.com/gfm/&quot;&gt;GitHub Flavoured Markdown Spec&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;https://help.github.com/articles/basic-writing-and-formatting-syntax/#lists&quot;&gt;Basic writing and formatting syntax&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;</content><author><name>Cagnur TK</name></author><summary type="html">Markdown Support</summary></entry><entry><title type="html">More Jekyll Themes!</title><link href="https://cagnurt.github.io/more-jekyll-themes" rel="alternate" type="text/html" title="More Jekyll Themes!" /><published>2013-01-01T00:00:00+00:00</published><updated>2013-01-01T00:00:00+00:00</updated><id>https://cagnurt.github.io/more-jekyll-themes</id><content type="html" xml:base="https://cagnurt.github.io/more-jekyll-themes">&lt;h4 id=&quot;lagrange&quot;&gt;Lagrange&lt;/h4&gt;

&lt;p&gt;Lagrange is a minimalist Jekyll blog theme that I built from scratch. The purpose of this theme is to provide a simple, clean, content-focused blogging platform for your personal site or blog.&lt;/p&gt;

&lt;p&gt;Feel free to check out &lt;a href=&quot;https://lenpaul.github.io/Lagrange/&quot; target=&quot;_blank&quot;&gt;the demo&lt;/a&gt;, where you’ll also find instructions on &lt;a href=&quot;https://lenpaul.github.io/Lagrange/journal/getting-started.html&quot;&gt;how to use install&lt;/a&gt; and use the theme.&lt;/p&gt;

&lt;h4 id=&quot;millennial&quot;&gt;Millennial&lt;/h4&gt;

&lt;p&gt;Millennial is a minimalist Jekyll blog theme that I built from scratch. The purpose of this theme is to provide a simple, clean, content-focused publishing platform for a publication or blog.&lt;/p&gt;

&lt;p&gt;Feel free to check out &lt;a href=&quot;https://lenpaul.github.io/Millennial/&quot; target=&quot;_blank&quot;&gt;the demo&lt;/a&gt;, where you’ll also find instructions on &lt;a href=&quot;https://lenpaul.github.io/Millennial/documentation/getting-started.html&quot;&gt;how to use install&lt;/a&gt; and use the theme.&lt;/p&gt;

&lt;h4 id=&quot;jekyll-starter-kit&quot;&gt;Jekyll Starter Kit&lt;/h4&gt;

&lt;p&gt;The Jekyll Starter Kit is a simple framework for starting your own Jekyll project using all of the best practices that I learned from building my other Jekyll themes.&lt;/p&gt;

&lt;p&gt;Feel free to check out &lt;a href=&quot;https://github.com/LeNPaul/jekyll-starter-kit&quot; target=&quot;_blank&quot;&gt;the GitHub repository&lt;/a&gt;, where you’ll also find instructions on how to use install and use the theme.&lt;/p&gt;</content><author><name>Cagnur TK</name></author><summary type="html">Lagrange</summary></entry></feed>